body {color:#333333} a{color:#333333}a:active,a:hover {color:#d70103} @media (min-width: 1530px) {.container{ width: 1530px; }} @media (min-width: 1530px) {.container{ width: 1530px; }} @font-face { font-family: 'OpenSansBold'; src: url('/skin/images/font/OpenSansBold.ttf'); /* IE9 Compat Modes */ } @font-face { font-family: 'SourceHanSansCNLight'; src: url('/skin/images/font/SourceHanSansCNLight.ttf'); /* IE9 Compat Modes */ } @font-face { font-family: 'SourceHanSansCN-Bold'; src: url('/skin/images/font/SourceHanSansCN-Bold.ttf'); /* IE9 Compat Modes */ } @font-face { font-family: 'SourceHanSansCN-Normal'; src: url('/skin/images/font/SourceHanSansCN-Normal.ttf'); /* IE9 Compat Modes */ } *,body{ font-family: 'SourceHanSansCN-Normal';} /* 头部 */ #Top{ width: 100%; float: left;} #Top .pz_top{ float: left; width: 100%; /*position: fixed; */top: 0; left: 0; z-index: 999999; background: #fff;} #Top .pz_top .logo{ width: 204px; height: 54px; margin: 30px 0; line-height: 0; float: left;} #Top .pz_top .lang{ float: right; margin: 44px 0; height: 24px; line-height: 24px; position: relative; text-align: center; cursor: pointer;} #Top .pz_top .lang .bt{ font-size: 16px; line-height: 24px; position: relative; padding-right: 10px;} #Top .pz_top .lang .bt::after{ content: ""; display: block; position: absolute; top: 5px; right: -5px; width: 8px; height: 8px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #Top .pz_top .lang .link{ width: 100px; display: none; position: absolute; top: 24px; left: 50%; margin-left: -50px;} #Top .pz_top .lang .a{ display: block; float: left; width: 45%; font-size: 14px; line-height: 30px; height: 30px; background: rgba( 255, 255, 255, 0.84); color: #333; padding: 0 5px;} #Top .pz_top .lang .a:hover{ background: #d70103; color: #fff;} #Top .pz_top .lang:hover .link{ display: block;} #Top .pz_top .dh{ float: right; margin: 44px 2% 44px 1%;} #Top .pz_top .dh .wz1{ float: left; width: 18px; height: 18px; margin-top: 5px; line-height: 0;} #Top .pz_top .dh .wz2{ float: left; font-size: 14px; line-height: 16px; margin: 5px 10px 0 6px; color: #666;} #Top .pz_top .dh .wz3{ float: left; font-size: 26px; line-height: 26px; color: #d70103;} #Top .pz_top .so_box{ float: right; position: relative; z-index: 99; margin: 38px 0 38px 0;} #Top .pz_top .Search_but{ float: left; width: 38px; height: 38px; border: none; background: url(/skin/images/2307_sear.png) center no-repeat;} #Top .pz_top .so_but{ display: none; float: left; width: 282px; position: absolute; right: 0; top: 76px; z-index: 99;} #Top .pz_top .so{ float: left; width: 100%; background: #fff; position: relative; border: 1px solid #d70103;} #Top .pz_top .so .Search{ float: left; width: 100%; height:36px; background: none; border: none; line-height: 36px; padding: 0 56px 0 10px; color: #414141; font-size: 14px;} #Top .pz_top .so .sear_sub{ float: right; width: 50px; height:100%; border: none; background:url(/skin/images/2307_sear1.png) center no-repeat #d70103; position: absolute; right: 0; top: 0;} /* menu */ #Top .pz_top .menu{ float: left; margin-left: 4%;} #Top .pz_top .menu .nli{ float: left; margin: 0 18px; position: relative;} #Top .pz_top .menu .nli span a{ display: block; line-height: 114px; height: 114px; font-size: 19px; color: #222;} #Top .pz_top .menu .nli.on span a,#Top .pz_top .menu .nli:hover span a{ color: #d70103;} #Top .menu .nli .sub{ display: none; position: absolute; width: 160px; top: 85px; left: 50%; margin-left: -80px; z-index: 999;} #Top .menu .nli .sub li{ height: 40px; line-height: 40px; text-align: center;} #Top .menu .nli .sub li a{ display: block; color: #333; background: rgba( 255, 255, 255, 0.84); font-size: 14px;} #Top .menu .nli .sub li a:hover{ color: #ffffff; background: #d70103;} #Top .pz_top.nytop{ background: #fff;} #Top .pz_top.on{ background: #fff;} #Top .menuph{ display: none;} #Top .lang_ph{ display: none;} #Top .xialaph{ display: none;} @media screen and (max-width:1529px){ #Top .pz_top .logo{ width: 178px; height: 48px;} #Top .pz_top .dh{ margin: 44px 0.5% 44px 1%;} #Top .pz_top .menu{ margin-left: 0.5%;} #Top .pz_top .menu .nli{ margin: 0 10px;} #Top .pz_top .menu .nli span a{ font-size: 16px;} } @media screen and (max-width:1199px){ #Top .pz_top .logo{ width: 80px; height: 20px; margin: 19px 0;} #Top .pz_top .lang{float:left; margin: 15px 0;} #Top .pz_top .dh{ margin: 15px 0.5% 15px 1.2%;} #Top .pz_top .dh .wz3{ font-size: 20px;} #Top .pz_top .so_box{ margin: 9px 0;} #Top .pz_top .so_but{ top: 48px;} #Top .pz_top .menu .nli{ margin: 0 6px;} #Top .pz_top .menu .nli span a{ line-height: 56px; height: 56px;} #Top .menu .nli .sub{ top: 56px;} } @media screen and (max-width:991px){ #Top .pz_top{ background: #ffffff;} #Top .pz_top .logo{ margin: 13px 0;} #Top .lang_ph{ float: left; margin: 15px 0; height: 24px; line-height: 24px; position: relative; text-align: center; cursor: pointer;} #Top .lang_ph .bt{ font-size: 16px; line-height: 24px; position: relative; padding-right: 10px;} #Top .lang_ph .bt::after{ content: ""; display: block; position: absolute; top: 5px; right: -5px; width: 8px; height: 8px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #Top .lang_ph .link{ width: 100px; display: none; background: #fff; position: absolute; top: 24px; left: 50%; margin-left: -50px;} #Top .lang_ph .a{ display: block; float: left; width: 100%; font-size: 14px; line-height: 30px; height: 30px; background: #fff; color: #333; padding: 0 5px;} #Top .lang_ph .a:hover{ background: #d70103; color: #fff;} #Top .lang_ph:hover .link{ display: block;} #Top .pz_top .dh{ display: none;} #Top .pz_top .so_box{ display: none;} #Top .so_but_ph{ float:left; width:100%; margin:15px 0;} #Top .so_but_ph .so{ float:left; width:100%; background:#fff; position:relative; border:1px solid #d70103;} #Top .so_but_ph .so .Search{ float:left; width:100%; height:36px; background:none; border:none; line-height:36px; padding:0 56px 0 10px; color:#414141; font-size:14px;} #Top .so_but_ph .so .sear_sub{ float:right; width:50px; height:100%; border:none;background:url(/skin/images/2307_sear1.png) center no-repeat #d70103; position:absolute; right:0; top:0;} #Top .menu{ display: none;} #Top .menuph{ display: block;} #Top .xialaph{ display: block;} /*手机按钮*/ #Top .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 12px 0;} #Top .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} #Top .menuph .point:hover .navbtn, #Top .menuph .point:hover .navbtn::after, #Top .menuph .point:hover .navbtn::before { width: 28px;} #Top .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #d70103; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} #Top .menuph .navbtn::after, #Top .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #d70103; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} #Top .menuph .navbtn::after { top: -11px;} #Top .menuph .navbtn::before { top: 10px;} #Top .menuph .point.active .navbtn{ background: transparent;} #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;} #Top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;} /*手机下拉*/ #Top .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 0 100px 0; display: none; z-index:999; background:#ffffff;} #Top .xialaph .ul2, #Top .xialaph .ul3{ display: none;} #Top .xialaph h4 a{ float: left; width: 60%; color: #333333; font-size:16px; line-height: 50px;} #Top .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;} #Top .xialaph h4{ float: left; width: 100%; position: relative;} #Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} #Top .xialaph h4:hover a, #Top .xialaph h5:hover a{ color: #d70103;} #Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} #Top .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform:uppercase;} #Top .xialaph h5{ float: left; width: 100%; position: relative;} #Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} #Top .xialaph li:last-child h5::after{ display: none;} #Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;} #Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer;} #Top .xialaph h4.active img.img_s, #Top .xialaph h5.active img.img_s{ display: none;} #Top .xialaph h4.active img.img_d, #Top .xialaph h5.active img.img_d{ display: block;} #Top .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;} #Top .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;} #Top .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #3c3a3a;} #Top .xialaph li:last-child .ul3::after{ display: none;} #Top .xialaph .ul3 li a{ color: #333333; font-size: 14px; line-height: 35px; display: block;} #Top .xialaph .ul3 li{ padding-top: 5px;} #Top .xialaph .ul3 li:first-child{ padding-top: 0;} #Top .xialaph .phsou{ position: relative; margin-top: 34px;} #Top .xialaph .phsou input{ width: 100%; height: 56px; background-color: #ffffff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;} #Top .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px; } #Top .img_d, .disno{ display: none;} } @media screen and (max-width:767px){ } /* 底部 */ #Down{ width: 100%; float: left;} #Down .pz_down{ float: left; width: 100%; background: #F5F5F5;} #Down .pz_down .foot1{ width: 100%; float: left; padding: 2.4% 0 1.8% 0;} #Down .pz_down .foot1 .footNav{ float: left; width: 82%;} #Down .pz_down .foot1 .footNav .l1{ float: left; margin-right: 4%;} #Down .pz_down .foot1 .footNav .p{ font-size: 18px; margin-bottom: 15px; font-weight: bold; color: #333;} #Down .pz_down .foot1 .footNav .a{ display: block; font-size: 14px; line-height: 30px; color: #333; opacity: 0.6;} #Down .pz_down .foot1 .footNav .a:hover{ color: #d70103;} #Down .pz_down .foot1 .right{ width: 18%; float: right;} #Down .pz_down .foot1 .right .t1 .ico{ width: 32px; height: 32px; line-height: 0; float: left;} #Down .pz_down .foot1 .right .t1 .wz{ padding-left: 42px; font-size: 28px; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Down .pz_down .foot1 .right .t2{ margin: 22px -1%; width: 102%; overflow: hidden;} #Down .pz_down .foot1 .right .t2 a{ float: left; display: block; padding-left: 6%; width: 48%; height: 36px; line-height: 36px; font-size: 16px; margin: 0 1%; border-radius: 3px; color: #fff;} #Down .pz_down .foot1 .right .t2 .a1{ background: url(/skin/images/2308_foot3.png) no-repeat 90% center; background-size: 22px 22px; background-color: rgba( 51, 51, 51, 0.2);} #Down .pz_down .foot1 .right .t2 .a2{ background: url(/skin/images/2308_foot4.png) no-repeat 90% center; background-size: 22px 22px; background-color: rgba( 51, 51, 51, 0.2);} #Down .pz_down .foot1 .right .t2 a:hover{ background-color: #d70103;} #Down .pz_down .foot1 .right .t3 .p{ font-size: 14px; line-height: 40px; color: #333; float: left;} #Down .pz_down .foot1 .right .t3 .wx{ margin: 0 10px; position: relative; float: left;} #Down .pz_down .foot1 .right .t3 .wx .ico{ width: 40px; height: 40px; line-height: 0; border-radius: 50%; background-color: rgba( 255, 255, 255, 0.2);} #Down .pz_down .foot1 .right .t3 .wx:hover{ background-color: #d70103; border-radius: 50%;} #Down .pz_down .foot1 .right .t3 .wx .img{ display: none; width: 60px; height: 60px; border: 1px solid #ccc; line-height: 0; position: absolute; bottom: 45px; left: 50%; margin-left: -30px;} #Down .pz_down .foot1 .right .t3 .wx:hover .img{ display: block;} #Down .pz_down .foot1 .right .t3 .wb{ width: 40px; height: 40px; line-height: 0; border-radius: 50%; background-color: rgba( 255, 255, 255, 0.2); float: left;} #Down .pz_down .foot1 .right .t3 .wb:hover{ background-color: #d70103; border-radius: 50%;} #Down .pz_down .foot2{ padding: 1.5%; float: left; width: 100%; border-top: 1px solid rgba( 255, 255, 255, 0.2); text-align: center;} #Down .pz_down .foot2 .footLogo{ width: 126px; height: 34px; line-height: 0; margin: 0 auto;} #Down .pz_down .foot2 .footLink{ margin: 22px 0 8px 0; display: inline-block;} #Down .pz_down .foot2 .footLink .a{ float: left; margin: 0 11px; font-size: 14px; line-height: 16px; opacity: 0.7; position: relative; float: left; color: #fff;} #Down .pz_down .foot2 .footLink .a::after{ content: ""; display: block; width: 2px; height: 15px; position: absolute; top: 0; right: -10px; background: rgba( 255, 255, 255, 0.2);} #Down .pz_down .foot2 .footLink .a:last-child:after{ display: none;} #Down .pz_down .foot2 .copy{ font-size: 14px; line-height: 22px; color: #fff; opacity: 0.7;} /*phone底部导航*/ #Down .q_d_m{float:left; width:100%; height:50px;} #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#d70103; z-index:999;box-shadow:0 -5px 10px rgba(0,0,0,0.2);} #Down .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;} #Down .pf_down li .ico7{ width:100%; float:left; height:20px;} #Down .pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} #Down .pf_down li.l1 .ico7{ background:url(/skin/images/2308_btn1.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l2 .ico7{ background:url(/skin/images/2308_btn2.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l3 .ico7{ background:url(/skin/images/2308_btn3.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l4 .ico7{ background:url(/skin/images/2308_btn4.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li:last-child{ border:none;} #Down .pf_down li:nth-child(4n){ border:none;} @media screen and (max-width:1529px){ #Down .pz_down .foot1 .footNav{ width: 78%;} #Down .pz_down .foot1 .footNav .l1{ margin-right: 6%;} #Down .pz_down .foot1 .right{ width: 22%;} } @media screen and (max-width:1199px){ #Down .pz_down .foot1 .footNav .l1{ margin-right: 4%;} #Down .pz_down .foot1 .right .t1 .wz{ font-size: 22px;} } @media screen and (max-width:991px){ #Down .pz_down .foot1{ padding: 20px 0;} #Down .pz_down .foot1 .footNav{ display: none;} #Down .pz_down .foot1 .right{ width: 100%; text-align: center;} #Down .pz_down .foot1 .right .t1{ display: inline-block;} #Down .pz_down .foot1 .right .t2{ margin: 10px 0; width: 100%;} #Down .pz_down .foot1 .right .t2 .dis{ display: inline-block; width: 300px;} #Down .pz_down .foot1 .right .t2 a{ width: 130px; padding-left: 15px; margin: 0 10px; text-align: left;} #Down .pz_down .foot1 .right .t3{ display: inline-block;} #Down .pz_down .foot2{ padding: 20px 0;} #Down .pz_down .foot2 .footLink .a{ margin: 0 6px;} #Down .pz_down .foot2 .footLink .a::after{ right: -6px;} } @media screen and (max-width:767px){ } /* 首页banner */ #Slide{ width: 100%; float: left;} #Slide .pz_banner{ width: 100%; position: relative;} #Slide .slide_banner{ width: 100%; line-height: 0; overflow: hidden; text-align: center; position: relative;} #Slide .slide_banner img{ width: 100%;} #Slide .slide_banner .pic{ position: relative;} #Slide .slide_banner .wz{ width: 100%; position: absolute; top: 20%; text-align: left;} #Slide .slide_banner .t1{ font-size: 30px; line-height: 32px; color: #1eb61d;} #Slide .slide_banner .t2{ margin: 30px 0 15px 0; font-size: 70px; line-height: 72px; color: #111; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Slide .slide_banner .t3{ font-size: 26px; line-height: 28px; color: #222; font-family: 'SourceHanSansCNLight'; font-weight: lighter;} #Slide .slide_banner .more{ padding-left: 26px; margin-top: 90px; display: block; width: 180px; height: 40px; line-height: 40px; border-radius: 20px; background: url(/skin/images/2309_home2_2.png) no-repeat 130px center; background-color: #d70103; font-size: 14px; color: #fff; text-transform: uppercase;} #Slide .slide_banner .more:hover{ opacity: 0.8;} #Slide .slide_banner .slick-dots{ position: absolute; bottom: 30px; z-index: 10; height: 4px; text-align: center;} #Slide .slide_banner .slick-dots li{ vertical-align: top; margin: 0 3px; width: 54px; height: 4px; background: #c3c3c3;} #Slide .slide_banner .slick-dots li.slick-active{ background: #d70103;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Slide .pz_banner{ /*margin-top: 46px;*/} #Slide .slide_banner .t1{ font-size: 20px; line-height: 22px;} #Slide .slide_banner .t2{ margin: 15px 0 10px 0; font-size: 30px; line-height: 32px;} #Slide .slide_banner .t3{ font-size: 16px; line-height: 18px;} #Slide .slide_banner .more{ font-size: 12px; padding-left: 15px; margin-top: 30px; width: 120px; height: 30px; line-height: 30px; border-radius: 15px; background: url(/skin/images/2309_home2_2.png) no-repeat 90px center; background-color: #d70103;} #Slide .slide_banner .slick-dots{ bottom: 15px;} #Slide .slide_banner .slick-dots li{ margin: 0 2px; width: 20px;} } @media screen and (max-width:767px){ #Slide .slide_banner .wz{ top: 10%;} #Slide .slide_banner .t1{ font-size: 16px; line-height: 18px;} #Slide .slide_banner .t2{ margin: 10px 0 5px 0; font-size: 20px; line-height: 22px;} #Slide .slide_banner .t3{ font-size: 14px; line-height: 16px;} } /* 首页1 */ #Content{ width: 100%; float: left;} #Content .homeCon1{ padding: 5.23% 0; width: 100%; float: left; background: #f5f5f5;} #Content .homeCon1 .title .t1{ font-size: 60px; line-height: 60px; text-transform: uppercase; color: #000; opacity: 0.08; font-family: 'OpenSansBold'; text-align: center;} #Content .homeCon1 .title .t2{ margin-top: -28px; font-size: 42px; line-height: 44px; letter-spacing: 5px; color: #222; font-family: 'SourceHanSansCN-Bold'; font-weight: bold; text-align: center;} #Content .homeCon1 .u1{ margin: 50px 0 -44px 0;} #Content .homeCon1 .l1{ margin: 44px 0;} #Content .homeCon1 .l1 .left{ float: left;} #Content .homeCon1 .l1 .left .over{ float: left; width: 244px;} #Content .homeCon1 .l1 .left .ico{ width: 96px; height: 96px; line-height: 0; margin: 53px auto 20px auto; background: #d70103; border-radius: 50%;} #Content .homeCon1 .l1 .left .wz{ font-size: 18px; line-height: 20px; margin-top: 16px; text-align: center; color: #333;} #Content .homeCon1 .l1 .left .line{ float: left; width: 85px; height: 1px; margin-top: 102px; background: #d70103;} #Content .homeCon1 .l1 .right{ padding-left: 376px; margin: 0 -12px;} #Content .homeCon1 .l1 .right .pic{ margin: 0 12px; background: #fff; position: relative;} #Content .homeCon1 .l1 .right .pic .img{ margin-top: 10px; overflow: hidden; line-height: 0;} #Content .homeCon1 .l1 .right .pic .t1{ font-size: 18px; line-height: 60px; height: 60px; padding: 0 5px; overflow: hidden; text-align: center; color: #333;} #Content .homeCon1 .l1 .right .pic .bg{ display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgb(187 189 187 / 50%);} #Content .homeCon1 .l1 .right .pic .t2{ display: none; margin-top: 15%; font-size: 18px; line-height: 26px; height: 26px; color: #000; text-align: center; overflow: hidden;} #Content .homeCon1 .l1 .right .pic .t3{ display: none; margin: 13px 0 25px 0; font-size: 14px; line-height: 16px; text-align: center; color: #fff; opacity: 0.6;} #Content .homeCon1 .l1 .right .pic .more{ display: block; font-size: 12px; width: 52px; height: 52px; line-height: 52px; margin: 0 auto; text-align: center; border-radius: 50%; color: #fff; background: #d70103;} #Content .homeCon1 .l1 .right .pic:hover .img{ margin: 35px 0;} #Content .homeCon1 .l1 .right .pic:hover .t1{ display: none;} #Content .homeCon1 .l1 .right .pic:hover .bg{ display: block;} #Content .homeCon1 .l1 .right .pic:hover .t2{ display: block;} #Content .homeCon1 .l1 .right .pic:hover .t3{ display: block;} #Content .homeCon1 .l1 .right .pic:hover .more{ display: block;} @media screen and (max-width:1529px){ #Content .homeCon1 .l1 .left .ico{ margin: 23px auto 20px auto;} #Content .homeCon1 .l1 .left .line{ margin-top: 72px;} #Content .homeCon1 .l1 .right .pic .img{ height: 118px;} } @media screen and (max-width:1199px){ #Content .homeCon1 .u1{ margin: 40px 0 -22px 0;} #Content .homeCon1 .l1{ margin: 22px 0;} #Content .homeCon1 .l1 .left .over{ width: 150px;} #Content .homeCon1 .l1 .left .ico{ width: 60px; height: 60px; margin: 45px auto 20px auto;} #Content .homeCon1 .l1 .left .wz{ font-size: 18px; line-height: 20px; margin-top: 16px;} #Content .homeCon1 .l1 .left .line{ width: 45px; margin-top: 75px;} #Content .homeCon1 .l1 .right{ padding-left: 150px;} } @media screen and (max-width:991px){ #Content .homeCon1 .title .t1{ font-size: 30px; line-height: 30px;} #Content .homeCon1 .title .t2{ margin-top: -14px; font-size: 20px; line-height: 22px; letter-spacing: 2px;} #Content .homeCon1 .u1{ margin: 15px 0 -10px 0;} #Content .homeCon1 .l1{ margin: 10px 0;} #Content .homeCon1 .l1 .left .wz{ font-size: 16px; line-height: 18px;} #Content .homeCon1 .l1 .right .pic .t1{ font-size: 16px;} #Content .homeCon1 .l1 .right .pic .t2{ font-size: 16px;} } @media screen and (max-width:767px){ #Content .homeCon1 .l1{ width: 100%; overflow: hidden;} #Content .homeCon1 .l1 .left .over{ width: 30px;} #Content .homeCon1 .l1 .left .ico{ width: 20px; height: 20px; margin: 38% auto 5px auto;} #Content .homeCon1 .l1 .left .wz{ font-size: 12px; line-height: 14px; margin-top: 5px;} #Content .homeCon1 .l1 .left .line{ width: 15px; margin-top: 42%;} #Content .homeCon1 .l1 .right{ padding-left: 50px; margin: 0 -2px;} #Content .homeCon1 .l1 .right .pic{ margin: 0 2px;} #Content .homeCon1 .l1 .right .pic .img{ height: auto;} #Content .homeCon1 .l1 .right .pic .t1{ font-size: 14px; line-height: 30px; height: 30px;} #Content .homeCon1 .l1 .right .pic .t2{ font-size: 14px;} } /* 首页2 */ #Content2{ width: 100%; float: left;} #Content2 .homeCon2{ padding: 5.23% 0; width: 100%; float: left;} #Content2 .homeCon2 .title .t1{ font-size: 60px; line-height: 60px; text-transform: uppercase; color: #000; opacity: 0.08; font-family: 'OpenSansBold'; text-align: center;} #Content2 .homeCon2 .title .t2{ margin-top: -28px; font-size: 42px; line-height: 44px; letter-spacing: 5px; color: #222; font-family: 'SourceHanSansCN-Bold'; font-weight: bold; text-align: center;} #Content2 .homeCon2Tab{ margin-top: 50px;} #Content2 .homeCon2 .bd{ width: 67.27%; height: 578px; overflow: hidden; float: left;} #Content2 .homeCon2 .bd ul{ line-height: 0;} #Content2 .homeCon2 .hd{ width: 32.73%; float: left; } #Content2 .homeCon2 .hd li{ height: 142px; width: 100%; float: left; background: #939393; margin: 0.5px 0; position: relative;} #Content2 .homeCon2 .hd li a{display:block; width: 100%; height:100%; padding: 46px 60px;} #Content2 .homeCon2 .hd li .t1{ font-size: 20px; line-height: 22px; color: #fff; text-align: center;} #Content2 .homeCon2 .hd li .t2{ margin-top: 15px; font-size: 12px; line-height: 14px; color: #fff; text-align: center; opacity: 0.6;} #Content2 .homeCon2 .hd li .more{ display: none;} #Content2 .homeCon2 .hd li.on{ background: #d70103;} /*#Content2 .homeCon2 .hd li.on .t1{ text-align: left;} #Content2 .homeCon2 .hd li.on .t2{ text-align: left;}*/ #Content2 .homeCon2 .hd li.on::before{ content: ""; display: block; width: 12px; height: 142px; position: absolute; top: 0; left: -12px; background: #d70103;} #Content2 .homeCon2 .hd li.on::after{ content: ""; display: block; width: 12px; height: 142px; position: absolute; top: 0; right: -12px; background: #d70103;} /*#Content2 .homeCon2 .hd li.on .left{ float: left;}*/ #Content2 .homeCon2 .hd li.on .more{ display: block; margin-top: 10px; width: 138px; height: 40px; line-height: 38px; font-size: 14px; padding-left: 20px; background: url(/skin/images/2311_home2_2.png) no-repeat 98px center; background-size: 20px 10px; color: #fff; border: 1px solid rgba( 255, 255, 255, 0.5); display: block; float: right;} @media screen and (max-width:1529px){ #Content2 .homeCon2 .bd{ height: 451px;} #Content2 .homeCon2 .hd li{ height: 111px;} #Content2 .homeCon2 .hd li a{ padding: 28px 60px;} #Content2 .homeCon2 .hd li.on::before{ height: 111px;} #Content2 .homeCon2 .hd li.on::after{ height: 111px;} } @media screen and (max-width:1199px){ #Content2 .homeCon2 .bd{ height: 368px;} #Content2 .homeCon2 .hd li{ height: 91px; padding: 18px 60px;} #Content2 .homeCon2 .hd li a{ padding: 18px 60px;} #Content2 .homeCon2 .hd li.on::before{ height: 91px;} #Content2 .homeCon2 .hd li.on::after{ height: 91px;} #Content2 .homeCon2 .hd li.on .more{ width: 100px; padding-left: 10px; background: url(/skin/images/2311_home2_2.png) no-repeat 70px center;} } @media screen and (max-width:991px){ #Content2 .homeCon2 .title .t1{ font-size: 30px; line-height: 30px;} #Content2 .homeCon2 .title .t2{ margin-top: -14px; font-size: 20px; line-height: 22px; letter-spacing: 2px;} #Content2 .homeCon2Tab{ margin-top: 15px;} #Content2 .homeCon2 .bd{ height: 282px;} #Content2 .homeCon2 .hd li{ height: 69.5px;} #Content2 .homeCon2 .hd li a{ padding: 14px 20px;} #Content2 .homeCon2 .hd li .t1{ font-size: 16px; line-height: 18px;} #Content2 .homeCon2 .hd li .t2{ margin-top: 5px;} #Content2 .homeCon2 .hd li.on::before{ width: 6px; height: 69.5px; left: -6px;} #Content2 .homeCon2 .hd li.on::after{ width: 6px; height: 69.5px; right: -6px;} #Content2 .homeCon2 .hd li.on .more{ margin-top: 5px; height: 30px; line-height: 28px; font-size: 12px;} } @media screen and (max-width:767px){ #Content2 .homeCon2 .bd{ width: 100%; height: auto;} #Content2 .homeCon2 .hd{ width: 100%;} #Content2 .homeCon2 .hd li .t1{ font-size: 14px; line-height: 16px;} #Content2 .homeCon2 .hd li{ height: auto;} #Content2 .homeCon2 .hd li a{padding: 10px 10px;} #Content2 .homeCon2 .hd li.on::before{ display: none;} #Content2 .homeCon2 .hd li.on::after{ display: none;} } /* 首页3 */ #Content3{ width: 100%; float: left;} #Content3 .homeCon3{ padding: 5.23% 0; width: 100%; float: left; background: #f5f5f5;} #Content3 .homeCon3 .title .t1{ font-size: 60px; line-height: 60px; text-transform: uppercase; color: #000; opacity: 0.08; font-family: 'OpenSansBold'; text-align: center;} #Content3 .homeCon3 .title .t2{ margin-top: -28px; font-size: 42px; line-height: 44px; letter-spacing: 5px; color: #222; font-family: 'SourceHanSansCN-Bold'; font-weight: bold; text-align: center;} #Content3 .homeCon3 .over{ margin-top: 40px; width: 100%; overflow: hidden;} #Content3 .homeCon3 .img{ float: left; width: 50%; position: relative;} #Content3 .homeCon3 .img .video{ width: 100%; height: 500px; /*object-fit: fill;*/} #Content3 .homeCon3 .img .ico{ width: 78px; height: 78px; line-height: 0; position: absolute; top: 50%; left: 50%; margin-left: -39px; margin-top: -39px;} #Content3 .homeCon3 .text{ padding: 0 80px; float: right; width: 50%;} #Content3 .homeCon3 .text .tit{ margin: 0px 0 15px 0; font-size: 30px; line-height: 40px; height: 40px; overflow: hidden;} #Content3 .homeCon3 .text .info{ font-size: 16px; line-height: 30px; /*height: 227px;*/ overflow-y:auto ; color: #666;} #Content3 .homeCon3 .text .u1{ width: 110%; margin: 25px -5% 0 -5%; overflow: hidden;} #Content3 .homeCon3 .text .l1{ float: left; width: 23.3%; margin: 0 5%;} #Content3 .homeCon3 .text .l1 .ico{ width: 96px; height: 96px; background: #c2c2c3; border-radius: 50%; line-height: 0; margin: 0 auto;} #Content3 .homeCon3 .text .l1 .num{ font-size: 48px; line-height: 48px; margin: 15px 0 18px 0; font-weight: bold; text-align: center; color: #d70103;} #Content3 .homeCon3 .text .l1 .wz{ font-size: 16px; line-height: 18px; text-align: center; color: #333;} @media screen and (max-width:1529px){ #Content3 .homeCon3 .text{ padding: 0 40px;} #Content3 .homeCon3 .text .u1{ margin: 25px -5% 0 -5%;} } @media screen and (max-width:1199px){ #Content3 .homeCon3 .img .video{ height: auto;} #Content3 .homeCon3 .text{ padding: 0 20px;} #Content3 .homeCon3 .text .tit{ margin: 5px 0 10px 0; font-size: 26px; line-height: 28px; height: 28px;} #Content3 .homeCon3 .text .u1{ margin: 15px -5% 0 -5%;} #Content3 .homeCon3 .text .l1 .ico{ width: 60px; height: 60px;} #Content3 .homeCon3 .text .l1 .num{ font-size: 32px; line-height: 32px;} } @media screen and (max-width:991px){ #Content3 .homeCon3 .title .t1{ font-size: 30px; line-height: 30px;} #Content3 .homeCon3 .title .t2{ margin-top: -14px; font-size: 20px; line-height: 22px; letter-spacing: 2px;} #Content3 .homeCon3 .over{ margin-top: 15px;} #Content3 .homeCon3 .img{ width: 100%;} #Content3 .homeCon3 .img .video{ width: 100%;} #Content3 .homeCon3 .img .ico{ width: 30px; height: 30px; margin-top: -15px; margin-left: -15px;} #Content3 .homeCon3 .text{ padding: 0; width: 100%;} #Content3 .homeCon3 .text .tit{ margin: 15px 0 10px 0; font-size: 18px; line-height: 20px; height: 20px;} #Content3 .homeCon3 .text .info{ font-size: 14px; line-height: 26px; height:auto;} #Content3 .homeCon3 .text .u1{ margin-top: 10px;} #Content3 .homeCon3 .text .l1 .ico{ width: 30px; height: 30px;} #Content3 .homeCon3 .text .l1 .num{ font-size: 18px; line-height: 18px; margin: 5px 0 8px 0;} #Content3 .homeCon3 .text .l1 .wz{ font-size: 14px; line-height: 16px;} } @media screen and (max-width:767px){ } /* 首页4 */ #Content4{ width: 100%; float: left;} #Content4 .homeCon4{ padding: 5.23% 0; width: 100%; float: left;} #Content4 .homeCon4 .title .t1{ font-size: 60px; line-height: 60px; text-transform: uppercase; color: #000; opacity: 0.08; font-family: 'OpenSansBold'; text-align: center;} #Content4 .homeCon4 .title .t2{ margin-top: -28px; font-size: 42px; line-height: 44px; letter-spacing: 5px; color: #222; font-family: 'SourceHanSansCN-Bold'; font-weight: bold; text-align: center;} #Content4 .homeCon4 .outBox .hd{ margin: 40px auto; text-align: center;} #Content4 .homeCon4 .outBox .hd ul{ display: inline-block;} #Content4 .homeCon4 .outBox .hd li{ float: left; width: 154px; height: 48px; line-height: 48px; font-size: 18px; margin: 0 20px; border-radius: 5px; cursor: pointer; text-align: center; color: #fff; background: #c2c2c3;} #Content4 .homeCon4 .outBox .hd li.on{ background: #d70103;} #Content4 .homeCon4 .outBox .bd{ width: 100%; height: 256px!important; overflow: hidden;} #Content4 .homeCon4 .outBox .bd .inHd{ float: left; width: 50%;} #Content4 .homeCon4 .outBox .bd .inHd li{ padding: 34.5px 55px 34.5px 60px; height: 125px; background: #f5f5f5; position: relative;} #Content4 .homeCon4 .outBox .bd .inHd li .date{ text-align: center; float: left;} #Content4 .homeCon4 .outBox .bd .inHd li .date_r{ font-size: 48px; line-height: 36px; color: #333; font-family: 'OpenSansBold';} #Content4 .homeCon4 .outBox .bd .inHd li .date_ny{ margin-top: 5px; font-size: 14px; line-height: 16px; color: #666;} #Content4 .homeCon4 .outBox .bd .inHd li .right{ padding-left: 95px;} #Content4 .homeCon4 .outBox .bd .inHd li .right .t1{ margin-top: 5px; font-size: 18px; line-height: 26px; height: 26px; width: 100%; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; overflow: hidden; color: #333;} #Content4 .homeCon4 .outBox .bd .inHd li .right .t2{ margin-top: 15px; font-size: 14px; line-height: 22px; height: 22px; width: 100%; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; overflow: hidden; color: #666;} #Content4 .homeCon4 .outBox .bd .inHd li.on{ background: #d70103;} #Content4 .homeCon4 .outBox .bd .inHd li.on .date_r{ color: #fff;} #Content4 .homeCon4 .outBox .bd .inHd li.on .date_ny{ color: #fff;} #Content4 .homeCon4 .outBox .bd .inHd li.on .right .t1{ color: #fff;} #Content4 .homeCon4 .outBox .bd .inHd li.on .right .t2{ color: #fff;} #Content4 .homeCon4 .outBox .bd .inHd li.on::before{ content: ""; display: block; z-index: 99; width: 30px; height: 125px; background: #d70103; position: absolute; right: -30px; top: 0;} #Content4 .homeCon4 .outBox .bd .inHd li.on::after{ content: ""; z-index: 99; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 12px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #d70103; position: absolute; right: -54px; top: 50%; margin-top: -12px;} #Content4 .homeCon4 .outBox .bd .inBd{ float: right; width: 50%;} #Content4 .homeCon4 .outBox .bd .inBd .img{ line-height: 0;} @media screen and (max-width:1529px){ #Content4 .homeCon4 .outBox .bd{ height: 389px!important;} #Content4 .homeCon4 .outBox .bd .inHd li{ height: 97px; padding: 20.5px 55px 20.5px 60px;} #Content4 .homeCon4 .outBox .bd .inHd li.on::before{ height: 97px;} } @media screen and (max-width:1199px){ #Content4 .homeCon4 .outBox .bd{ height: 320px!important;} #Content4 .homeCon4 .outBox .bd .inHd li{ height: 80px; padding: 12px 55px 12px 60px;} #Content4 .homeCon4 .outBox .bd .inHd li.on::before{ height: 80px;} } @media screen and (max-width:991px){ #Content4 .homeCon4 .title .t1{ font-size: 30px; line-height: 30px;} #Content4 .homeCon4 .title .t2{ margin-top: -14px; font-size: 20px; line-height: 22px; letter-spacing: 2px;} #Content4 .homeCon4 .outBox .hd{ margin: 15px auto 10px auto;} #Content4 .homeCon4 .outBox .hd li{ width: 90px; height: 30px; line-height: 30px; font-size: 16px; margin: 0 10px;} #Content4 .homeCon4 .outBox .bd{ height: auto!important;} #Content4 .homeCon4 .outBox .bd .inBd{ width: 100%; float: none;} #Content4 .homeCon4 .outBox .bd .inHd{ float: none; width: 100%;} #Content4 .homeCon4 .outBox .bd .inHd li{ padding: 10px 15px; height: auto;} #Content4 .homeCon4 .outBox .bd .inHd li .date_r{ font-size: 16px; line-height: 18px;} #Content4 .homeCon4 .outBox .bd .inHd li .date_ny{ font-size: 12px; line-height: 14px;} #Content4 .homeCon4 .outBox .bd .inHd li .right{ padding-left: 58px;} #Content4 .homeCon4 .outBox .bd .inHd li .right .t1{ margin-top: 0; font-size: 16px; line-height: 18px; height: 18px;} #Content4 .homeCon4 .outBox .bd .inHd li .right .t2{ margin-top: 5px;} #Content4 .homeCon4 .outBox .bd .inHd li.on::before{ display: none;} #Content4 .homeCon4 .outBox .bd .inHd li.on::after{ display: none;} } @media screen and (max-width:767px){ } /* 内页banner1 */ #Slide2{ width: 100%; float: left;} #Slide2 .pz_banner{ width: 100%; float: left; position: relative;} #Slide2 .zy_banner{ /* margin-top: 114px;*/ line-height: 0;} #Slide2 .zy_banner .wz{ position: absolute; top: 34%;} #Slide2 .zy_banner .wz .t1{ font-size: 48px; line-height: 48px; margin-bottom: 20px; text-transform: uppercase; color: #fff; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Slide2 .zy_banner .wz .t2{ font-size: 18px; line-height: 30px; color: #fff;} #Slide2 .zy_banner .wz .ico{ margin-top: 55px; width: 78px; height: 78px; line-height: 0;} #Slide2 .zy_banner .imgPop{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999;} #Slide2 .zy_banner .imgPop .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.8);} #Slide2 .zy_banner .imgPop2{ width: 780px; padding: 28px; border-radius: 15px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -390px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Slide2 .zy_banner .imgPop2 .video{ display: block; width: 100%; object-fit: fill;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ #Slide2 .zy_banner{ margin-top: 57px;} #Slide2 .zy_banner .wz .ico{ margin-top: 25px;} } @media screen and (max-width:991px){ #Slide2 .pz_banner{ margin-top: 0;} #Slide2 .zy_banner{ margin-top: 0;} #Slide2 .zy_banner .wz{ top: 25%;} #Slide2 .zy_banner .wz .t1{ font-size: 18px; line-height: 20px; margin-bottom: 10px;} #Slide2 .zy_banner .wz .t2{ font-size: 14px; line-height: 20px;} #Slide2 .zy_banner .wz .ico{ margin-top: 15px; width: 30px; height: 30px;} #Slide2 .zy_banner .imgPop2{ width: 90%; padding: 10px; border-radius: 10px; margin-left: -45%; top: 30%;} } @media screen and (max-width:767px){ } /* 内页banner2 */ #Slide3{ width: 100%; float: left;} #Slide3 .pz_banner{ width: 100%; float: left; position: relative;} #Slide3 .zy_banner{ /* margin-top: 114px;*/ line-height: 0;} #Slide3 .zy_banner .wz{ position: absolute; top: 34%;} #Slide3 .zy_banner .wz .t1{ font-size: 48px; line-height: 48px; margin-bottom: 20px; text-transform: uppercase; color: #fff; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Slide3 .zy_banner .wz .t2{ font-size: 18px; line-height: 30px; color: #fff;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ #Slide3 .zy_banner{ margin-top: 57px;} } @media screen and (max-width:991px){ #Slide3 .pz_banner{ margin-top: 0;} #Slide3 .zy_banner{ margin-top: 0;} #Slide3 .zy_banner .wz .t1{ font-size: 18px; line-height: 20px; margin-bottom: 10px;} #Slide3 .zy_banner .wz .t2{ font-size: 14px; line-height: 20px;} } @media screen and (max-width:767px){ } /* 导航 */ #Content5{ width: 100%; float: left;} #Content5 .subNav{ width: 100%; float: left; border-bottom: 1px solid #dadada; text-align: center;} #Content5 .subNav .over{ height: 68px; overflow: hidden;} #Content5 .subNav .u1{ height: 88px; overflow-x: scroll; white-space: nowrap;} #Content5 .subNav .u1::-webkit-scrollbar{ display: none;} #Content5 .subNav .u1 .l1{ float: inherit; display: inline-block; font-size: 16px; line-height: 64px; padding: 0 10px; margin: 0 35px; position: relative;} #Content5 .subNav .u1 .l1::after{ display: none; content: ""; width: 100%; height: 3px; background: #d70103; position: absolute; bottom: -5px; left: 0;} #Content5 .subNav .u1 .l1 a{ color: #333;} #Content5 .subNav .u1 .l1.on::after,#Content5 .subNav .u1 .l1:hover::after{ display: block;} #Content5 .subNav .u1 .l1.on a,#Content5 .subNav .u1 .l1:hover a{ color: #d70103;} @media screen and (max-width:1529px){ #Content5 .subNav .u1 .l1{ margin: 0 20px;} } @media screen and (max-width:1199px){ #Content5 .subNav .u1 .l1{ margin: 0 15px;} } @media screen and (max-width:991px){ #Content5 .subNav .over{ height: 34px;} #Content5 .subNav .u1{ height: 54px;} #Content5 .subNav .u1 .l1{ font-size: 14px; line-height: 30px; padding: 0 5px; margin: 0 6px;} } @media screen and (max-width:767px){ } /* 1关于我们1 */ #Content6{ width: 100%; float: left;} #Content6 .aboutCon1{ width: 100%; float: left;} #Content6 .aboutCon1 .title{ text-align: center;} #Content6 .aboutCon1 .title .t1{ width: 350px; line-height: 0; margin: 0 auto;} #Content6 .aboutCon1 .title .t2{ font-size: 36px; line-height: 38px; margin: -60px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Content6 .aboutCon1 .title .t3{ width: 4px; height: 26px; margin: 0 auto 36px auto; background: #d70103;} #Content6 .aboutCon1 .over{ padding: 55px 58px; width: 100%; overflow: hidden; background: #f5f5f7;} #Content6 .aboutCon1 .over .img{ width: 50%; float: left; line-height: 0;} #Content6 .aboutCon1 .over .text{ padding: 50px 54px; width: 50%; float: right; overflow: hidden; background: #fff;} #Content6 .aboutCon1 .over .text .t1{ font-size: 24px; line-height: 26px; margin-bottom: 24px; color: #d70103;} #Content6 .aboutCon1 .over .text .info{ font-size: 16px; line-height: 34px; color: #333;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ #Content6 .aboutCon1 .over .text{ padding: 30px;} } @media screen and (max-width:991px){ #Content6 .aboutCon1 .title .t1{ width: 260px;} #Content6 .aboutCon1 .title .t2{ font-size: 18px; line-height: 20px; margin: -38px 0 18px 0;} #Content6 .aboutCon1 .title .t3{ width: 4px; height: 16px; margin: 0 auto 16px auto;} #Content6 .aboutCon1 .over{ padding: 20px;} #Content6 .aboutCon1 .over .img{ width: 100%;} #Content6 .aboutCon1 .over .text{ padding: 15px; width: 100%;} #Content6 .aboutCon1 .over .text .t1{ font-size: 16px; line-height: 20px; margin-bottom: 10px;} #Content6 .aboutCon1 .over .text .info{ font-size: 14px; line-height: 24px;} } @media screen and (max-width:767px){ #Content6 .aboutCon1 .over{ padding: 10px;} } /* 1关于我们2 */ #Content7{ width: 100%; float: left;} #Content7 .aboutCon2{ width: 100%; float: left;} #Content7 .aboutCon2{ width: 100%; float: left;} #Content7 .aboutCon2 .title{ text-align: center;} #Content7 .aboutCon2 .title .t1{ width: 244px; line-height: 0; margin: 0 auto;} #Content7 .aboutCon2 .title .t2{ font-size: 36px; line-height: 38px; margin: -60px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Content7 .aboutCon2 .title .t3{ width: 4px; height: 26px; margin: 0 auto 36px auto; background: #d70103;} #Content7 .aboutCon2Tab{ width: 100%; padding-bottom: 45px; position: relative;} #Content7 .aboutCon2Tab .pic{ position: relative; margin: 0 13px; float: left;} #Content7 .aboutCon2Tab .pic .img{ line-height: 0;} #Content7 .aboutCon2Tab .pic .text{ width: 100%; font-size: 16px; color: #fff; height: 52px; line-height: 52px; position: absolute; bottom: 0; left: 0; text-align: center; background: rgba(0,0,0,0.5);} #Content7 .aboutCon2Tab .pic:hover .text{ color: #d70103;} #Content7 .aboutCon2Tab .slick-prev{ width: 25px; height: 49px; background: url(/skin/images/2319_about2_4.png) no-repeat center; position: absolute; left: -100px;} #Content7 .aboutCon2Tab .slick-prev:hover{ background: url(/skin/images/2319_about2_4_1.png) no-repeat center;} #Content7 .aboutCon2Tab .slick-next{ width: 25px; height: 49px; background: url(/skin/images/2319_about2_5.png) no-repeat center; position: absolute; right: -100px;} #Content7 .aboutCon2Tab .slick-next:hover{ background: url(/skin/images/2319_about2_5_1.png) no-repeat center;} #Content7 .aboutCon2Tab .slick-dots{ position: absolute; bottom: 0; z-index: 10; height: 4px; text-align: center;} #Content7 .aboutCon2Tab .slick-dots li{ vertical-align: top; margin: 0 3px; width: 54px; height: 4px; background: #c3c3c3;} #Content7 .aboutCon2Tab .slick-dots li.slick-active{ background: #e80303;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content7 .aboutCon2 .title .t1{ width: 260px;} #Content7 .aboutCon2 .title .t2{ font-size: 18px; line-height: 20px; margin: -38px 0 18px 0;} #Content7 .aboutCon2 .title .t3{ width: 4px; height: 16px; margin: 0 auto 16px auto;} #Content7 .aboutCon2Tab{ padding-bottom: 30px;} #Content7 .aboutCon2Tab .pic{ margin: 0 2px;} #Content7 .aboutCon2Tab .pic .text{ font-size: 14px; height: 30px; line-height: 30px;} #Content7 .aboutCon2Tab .slick-dots{ bottom: 15px;} #Content7 .aboutCon2Tab .slick-dots li{ margin: 0 2px; width: 20px;} } @media screen and (max-width:767px){ } /* 1关于我们3 */ #Content8{ width: 100%; float: left;} #Content8 .aboutCon3{ width: 100%; float: left;} #Content8 .aboutCon3{ width: 100%; float: left;} #Content8 .aboutCon3 .title{ text-align: center;} #Content8 .aboutCon3 .title .t1{ width: 440px; line-height: 0; margin: 0 auto;} #Content8 .aboutCon3 .title .t2{ font-size: 36px; line-height: 38px; margin: -60px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Content8 .aboutCon3 .title .t3{ width: 4px; height: 26px; margin: 0 auto 36px auto; background: #d70103;} #Content8 .aboutCon3Tab{ padding: 0 0 120px 0; position: relative; background: url(/skin/images/2320_about3_2.png) no-repeat center;} #Content8 .aboutCon3Tab .nr{ width: 94%; margin: 0 auto;} #Content8 .aboutCon3Tab .pic .nf{ width: 80px; height: 80px; line-height: 80px; font-size: 18px; margin: 0 auto 90px auto; position: relative; border-radius: 50%; text-align: center; color: #fff; background: #9e9e9e;} #Content8 .aboutCon3Tab .pic .nf::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 8px; border-style: solid dashed dashed dashed; border-color: #9e9e9e transparent transparent transparent; border-top-color: #9e9e9e; position: absolute; bottom: -15px; left: 50%; margin-left: -8px;} #Content8 .aboutCon3Tab .pic .text{ font-size: 14px; line-height: 30px; text-align: center; color: #555;} #Content8 .aboutCon3Tab .pic:nth-child(2n+1) .nf{ margin: 200px auto 0 auto;} #Content8 .aboutCon3Tab .pic:nth-child(2n+1) .nf::after{ bottom: auto; top: -15px; border-style: dashed dashed solid dashed; border-color: transparent transparent #9e9e9e transparent; border-bottom-color: #9e9e9e;} #Content8 .aboutCon3Tab .pic:nth-child(2n+1){ position: relative;} #Content8 .aboutCon3Tab .pic:nth-child(2n+1) .text{ width: 100%; position: absolute; top: 0;} #Content8 .aboutCon3Tab .slick-prev,#Content8 .aboutCon3Tab .slick-next{ width: 50%; height: 60px; line-height: 60px; border: 1px solid #e5e5e5; position: absolute; top: auto; bottom: -150px;} #Content8 .aboutCon3Tab .slick-prev{ left: 0; background: url(/skin/images/2320_about3_3.png) no-repeat center; background-size: 9px 15px;} #Content8 .aboutCon3Tab .slick-prev:hover{ background: url(/skin/images/2320_about3_3_1.png) no-repeat center; background-size: 9px 15px;} #Content8 .aboutCon3Tab .slick-next{ right: 0; background: url(/skin/images/2320_about3_4.png) no-repeat center; background-size: 9px 15px;} #Content8 .aboutCon3Tab .slick-next:hover{ background: url(/skin/images/2320_about3_4_1.png) no-repeat center; background-size: 9px 15px;} @media screen and (max-width:1529px){ #Content8 .aboutCon3Tab .nr{ width: 86%;} } @media screen and (max-width:1199px){ #Content8 .aboutCon3Tab .nr{ width: 64%;} } @media screen and (max-width:991px){ #Content8 .aboutCon3 .title .t1{ width: 260px;} #Content8 .aboutCon3 .title .t2{ font-size: 18px; line-height: 20px; margin: -38px 0 18px 0;} #Content8 .aboutCon3 .title .t3{ width: 4px; height: 16px; margin: 0 auto 16px auto;} #Content8 .aboutCon3Tab{ padding: 0 0 40px 0;} #Content8 .aboutCon3Tab .nr{ width: 80%;} #Content8 .aboutCon3Tab .slick-prev,#Content8 .aboutCon3Tab .slick-next{ height: 30px; line-height: 30px; bottom: -40px;} } @media screen and (max-width:767px){ #Content8 .aboutCon3Tab .pic .nf{ width: 50px; height: 50px; line-height: 50px; font-size: 16px; margin: 0 auto 90px auto;} #Content8 .aboutCon3Tab .pic:nth-child(2n+1) .nf{ margin: 150px auto 0 auto;} #Content8 .aboutCon3Tab{ padding: 0 0 20px 0;} #Content8 .aboutCon3Tab .slick-prev,#Content8 .aboutCon3Tab .slick-next{ bottom: -20px;} } /* 1关于我们4 */ #Content9{ width: 100%; float: left;} #Content9 .aboutCon4{ padding: 80px 0; width: 100%; float: left; background: #f6f6f6;} #Content9 .aboutCon4 .title{ text-align: center;} #Content9 .aboutCon4 .title .t1{ width: 370px; line-height: 0; margin: 0 auto;} #Content9 .aboutCon4 .title .t2{ font-size: 36px; line-height: 38px; margin: -60px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Content9 .aboutCon4 .title .t3{ width: 4px; height: 26px; margin: 0 auto 36px auto; background: #d70103;} #Content9 .aboutCon4Tab .pic ul{ width: 102%; margin: -12px -1%; overflow: hidden;} #Content9 .aboutCon4Tab .pic .l1{ width: 23%; margin: 12px 1%; padding: 20px; float: left; background: #fff;} #Content9 .aboutCon4Tab .pic .l1 .img{ line-height: 0;} #Content9 .aboutCon4Tab .pic .l1 .text{ font-size: 16px; margin-top: 15px; line-height: 22px; height: 22px; overflow: hidden; text-align: center; color: #333;} #Content9 .aboutCon4Tab .slick-prev{ width: 25px; height: 49px; background: url(/skin/images/2321_about4_10.png) no-repeat center; position: absolute; left: -110px;} #Content9 .aboutCon4Tab .slick-prev:hover{ background: url(/skin/images/2321_about4_10_1.png) no-repeat center;} #Content9 .aboutCon4Tab .slick-next{ width: 25px; height: 49px; background: url(/skin/images/2321_about4_11.png) no-repeat center; position: absolute; right: -110px;} #Content9 .aboutCon4Tab .slick-next:hover{ background: url(/skin/images/2321_about4_11_1.png) no-repeat center;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content9 .aboutCon4{ padding: 20px 0;} #Content9 .aboutCon4 .title .t1{ width: 260px;} #Content9 .aboutCon4 .title .t2{ font-size: 18px; line-height: 20px; margin: -38px 0 18px 0;} #Content9 .aboutCon4 .title .t3{ width: 4px; height: 16px; margin: 0 auto 16px auto;} #Content9 .aboutCon4Tab .pic ul{ margin: -5px -1%;} #Content9 .aboutCon4Tab .pic .l1{ width: 48%; margin: 5px 1%; padding: 10px;} #Content9 .aboutCon4Tab .pic .l1 .text{ font-size: 14px; margin-top: 5px; line-height: 16px; height: 16px;} } @media screen and (max-width:767px){ } /* 1关于我们5 */ #Content10{ width: 100%; float: left;} #Content10 .aboutCon5{ width: 100%; float: left;} #Content10 .aboutCon5{ width: 100%; float: left;} #Content10 .aboutCon5 .title{ text-align: center;} #Content10 .aboutCon5 .title .t1{ width: 390px; line-height: 0; margin: 0 auto;} #Content10 .aboutCon5 .title .t2{ font-size: 36px; line-height: 38px; margin: -60px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Content10 .aboutCon5 .title .t3{ width: 4px; height: 26px; margin: 0 auto 36px auto; background: #d70103;} #Content10 .aboutCon5Tab .pic ul{ width: 102%; margin: -12px -1%; padding-bottom: 45px; overflow: hidden;} #Content10 .aboutCon5Tab .pic .l1{ float: left; width: 14.6%; margin: 12px 1%; border: 1px solid #e5e5e5; line-height: 0;} #Content10 .aboutCon5Tab .pic .l1:hover{ border: 1px solid #d70103;} #Content10 .aboutCon5Tab .slick-dots{ position: absolute; bottom: 0; z-index: 10; height: 14px; text-align: center;} #Content10 .aboutCon5Tab .slick-dots li{ vertical-align: top; margin: 0 8px; width: 14px; height: 14px; border-radius: 50%; background: #b2b2b2;} #Content10 .aboutCon5Tab .slick-dots li.slick-active{ background: #1eb61d;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content10 .aboutCon5 .title .t1{ width: 260px;} #Content10 .aboutCon5 .title .t2{ font-size: 18px; line-height: 20px; margin: -38px 0 18px 0;} #Content10 .aboutCon5 .title .t3{ width: 4px; height: 16px; margin: 0 auto 16px auto;} #Content10 .aboutCon5Tab .pic ul{ margin: -5px -1%; padding-bottom: 18px;} #Content10 .aboutCon5Tab .pic .l1{ width: 31.3%; margin: 5px 1%;} #Content10 .aboutCon5Tab .slick-dots{ height: 8px;} #Content10 .aboutCon5Tab .slick-dots li{ margin: 0 4px; width: 8px; height: 8px;} } @media screen and (max-width:767px){ } /* 2产品案例 */ #List{ width: 100%; float: left;} #List .caseList{ width: 100%; float: left;} #List .caseList .title{ text-align: center;} #List .caseList .title .t1{ width: 346px; line-height: 0; margin: 0 auto;} #List .caseList .title .t2{ font-size: 36px; line-height: 38px; margin: -56px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #List .caseList .title .t3{ width: 4px; height: 26px; margin: 0 auto 36px auto; background: #d70103;} #List .caseList .u1{ width: 102%; margin: -20px -1%;} #List .caseList .l1{ padding: 20px; float:left; width: 23%; margin: 20px 1%; background:#f4f4f4;} #List .caseList .l1 .img{ line-height: 0;} #List .caseList .l1 .t1{ margin: 20px 0 10px 0; font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; text-align: center; color: #333;} #List .caseList .l1 .t2{ font-size: 14px; line-height: 20px; height: 20px; overflow: hidden; text-align: center; color: #666;} #List .caseList .l1:hover{ background: #d70103;} #List .caseList .l1:hover .t1{ color: #fff;} #List .caseList .l1:hover .t2{ color: #fff;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #List .caseList .title .t1{ width: 260px;} #List .caseList .title .t2{ font-size: 18px; line-height: 20px; margin: -38px 0 18px 0;} #List .caseList .title .t3{ width: 4px; height: 16px; margin: 0 auto 16px auto;} #List .caseList .u1{ margin: -5px -1%;} #List .caseList .l1{ padding: 10px; width: 48%; margin: 5px 1%;} #List .caseList .l1 .t1{ margin: 15px 0 10px 0; font-size: 16px; line-height: 18px; height: 18px;} } @media screen and (max-width:767px){ } /* 页码 */ #Pagination{ width: 100%; float: left;} #Pagination .wack1{ text-align: center;} #Pagination .pz_fy{ display: inline-block; *display: inline; *zoom: 1;} #Pagination .pz_fy a { float: left; width: 38px; height: 38px; line-height: 38px; border: 1px solid #e2e2e2; color:#333333; font-size: 14px; font-family: Arial; margin: 0 5px;} #Pagination .pz_fy a:hover, #Pagination .pz_fy a.on { background: #d70103; color: #fff; border: 1px solid #d70103;} #Pagination .pz_fy .l2,#Pagination .pz_fy .r2{ width: 100px;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Pagination .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #Pagination .fy_pc a{ padding:5px 25px; background: #d70103; color:#fff; border: transparent; border-radius:16px; overflow:hidden;} #Pagination .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:767px){ } /* 3案例详情 */ #Subpage{ width: 100%; float: left;} #Subpage .caseCon{ width: 100%; float: left;} #Subpage .caseCon .bt1{ font-size: 30px; line-height: 32px; color: #333; text-align: center; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Subpage .caseCon .bt2{ margin: 15px 0 30px 0; font-size: 18px; line-height: 20px; color: #666; text-align: center;} #Subpage .caseCon .info{ padding-top: 34px; font-size: 16px; line-height: 32px; border-top: 6px solid #d70103; color: #333;} #Subpage .caseCon .sp{ margin: 65px 0; position: relative;} #Subpage .caseCon .sp .img{ width: 47%; margin: 0 auto; line-height: 0;} #Subpage .caseCon .sp .pos{ width: 100%; position: absolute; top: 50%; margin-top: -91px; left: 0;} #Subpage .caseCon .sp .t1{ font-size: 24px; line-height: 26px; text-align: center; color: #fff;} #Subpage .caseCon .sp .ico{ width: 78px; height: 78px; margin: 30px auto; line-height: 0;} #Subpage .caseCon .sp .t2{ font-size: 16px; line-height: 18px; text-align: center; color: #fff; opacity: 0.6; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Subpage .caseCon .sp .imgPop{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999;} #Subpage .caseCon .sp .imgPop .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.8);} #Subpage .caseCon .sp .imgPop2{ width: 780px; padding: 28px; border-radius: 15px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -390px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Subpage .caseCon .sp .imgPop2 .video{ display: block; width: 100%; object-fit: fill;} #Subpage .caseCon .sp .imgPop2 .dw{ width: 100%; position: absolute; top: 50%; left: 0; margin-top: -62px;} #Subpage .caseCon .sp .imgPop2 .ico{ width: 78px; height: 78px; margin: 0 auto 30px auto; line-height: 0;} #Subpage .caseCon .sp .imgPop2 .t2{ font-size: 16px; line-height: 18px; text-align: center; color: #fff; opacity: 0.6; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Subpage .caseCon .sp .imgPop2 .t1{ margin-top: 26px; font-size: 24px; line-height: 26px; text-align: center; color: #333;} #Subpage .caseCon .tjCase .over{ width: 100%; overflow: hidden;} #Subpage .caseCon .tjCase .tit{ font-size: 30px; line-height: 32px; float: left; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Subpage .caseCon .tjCase .line{ padding-left: 160px;} #Subpage .caseCon .tjCase .line .xian{ width: 100%; height: 1px; margin: 14px 0; background: #e3e3e3;} #Subpage .caseCon .tjCase .u1{ width: 102%; margin: 25px -1% 80px -1%; overflow: hidden;} #Subpage .caseCon .tjCase .l1{ padding: 20px; width: 31.3%; float: left; margin: 0 1%; border: 1px solid #e3e3e3;} #Subpage .caseCon .tjCase .l1 .img{ line-height: 0;} #Subpage .caseCon .tjCase .l1 .text{ margin-top: 20px; font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; color: #333; text-align: center;} #Subpage .caseCon .tjCase .l1:hover .text{ color: #d70103;} #Subpage .caseConFh{ width: 100%; float: left; height: 50px; line-height: 50px; text-align: center; background: #ececec;} #Subpage .caseConFh .dis{ display: inline-block;} #Subpage .caseConFh a{ float: left;} #Subpage .caseConFh .a1{ font-size: 16px; color: #888;} #Subpage .caseConFh .a2{ font-size: 16px; margin: 0 78px; width: 224px; color: #333; border-left: 1px solid #dadcdd; border-right: 1px solid #dadcdd;} #Subpage .caseConFh .a3{ font-size: 16px; color: #888;} #Subpage .caseConFh a:hover{ color: #d70103;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Subpage .caseCon .bt1{ font-size: 18px; line-height: 20px;} #Subpage .caseCon .bt2{ margin: 5px 0 10px 0; font-size: 16px; line-height: 18px;} #Subpage .caseCon .info{ padding-top: 15px; font-size: 14px; line-height: 24px; border-top: 3px solid #d70103;} #Subpage .caseCon .sp{ margin: 15px 0;} #Subpage .caseCon .sp .img{ width: 100%;} #Subpage .caseCon .sp .pos{ margin-top: -41px;} #Subpage .caseCon .sp .t1{ font-size: 16px; line-height: 18px;} #Subpage .caseCon .sp .ico{ width: 30px; height: 30px; margin: 10px auto;} #Subpage .caseCon .sp .t2{ font-size: 12px; line-height: 14px;} #Subpage .caseCon .sp .imgPop2{ width: 90%; padding: 10px; border-radius: 10px; margin-left: -45%; top: 30%;} #Subpage .caseCon .sp .imgPop2 .dw{ margin-top: -32px;} #Subpage .caseCon .sp .imgPop2 .ico{ width: 30px; height: 30px; margin: 10px auto;} #Subpage .caseCon .sp .imgPop2 .t2{ font-size: 12px; line-height: 14px;} #Subpage .caseCon .sp .imgPop2 .t1{ margin-top: 10px; font-size: 16px; line-height: 18px;} #Subpage .caseCon .tjCase .tit{ font-size: 16px; line-height: 18px;} #Subpage .caseCon .tjCase .line{ padding-left: 75px;} #Subpage .caseCon .tjCase .line .xian{ margin: 8px 0;} #Subpage .caseCon .tjCase .u1{ width: 102%; margin: 15px -1% 20px -1%; } #Subpage .caseCon .tjCase .l1{ padding: 5px;} #Subpage .caseCon .tjCase .l1 .text{ margin-top: 10px; font-size: 14px; line-height: 16px; height: 16px;} #Subpage .caseConFh{ height: 30px; line-height: 30px;} #Subpage .caseConFh .a1{ font-size: 14px;} #Subpage .caseConFh .a2{ font-size: 14px; margin: 0 20px; width: 80px;} #Subpage .caseConFh .a3{ font-size: 14px;} } @media screen and (max-width:767px){ } /* 4新闻 */ #List2{ width: 100%; float: left;} #List2 .newsList .l1{ width: 100%; overflow: hidden;} #List2 .newsList .l1 a{ display: block; width: 100%; height: 100%;} #List2 .newsList .l1 .date{ float: left; text-align: center;} #List2 .newsList .l1 .date .date_r{ width: 130px; position: relative; margin: 60px 0 10px 0; font-size: 54px; line-height: 40px; color: #666; font-family: "Open Sans";} #List2 .newsList .l1 .date .date_r::after{ position: absolute; top: 0; right: -23px; content: ""; display: block; width: 5px; height: 26px; background: #d70103;} #List2 .newsList .l1 .date .date_ny{ font-size: 16px; line-height: 18px; color: #666; font-family: "Open Sans";} #List2 .newsList .l1 .text{ width: 100%; padding-left: 150px;} #List2 .newsList .l1 .text .img{ padding: 60px 60px 60px 70px; border-left: 1px solid #d9d9d9; float: left; width: 30%; line-height: 0;} #List2 .newsList .l1 .text .right{ margin: 20px 0 20px 0; float: right; width: 70%;} #List2 .newsList .l1 .text .tit{ margin: 25px 0; font-size: 20px; line-height: 28px; height: 28px; overflow: hidden; color: #333;} #List2 .newsList .l1 .text .info{ font-size: 16px; line-height: 32px; max-height: 128px; overflow: hidden; color: #666;} #List2 .newsList .l1 .text .line{ float: left; width: 100%; height: 1px; border-top: 1px dashed #cccccc;} #List2 .newsList .l1:hover .date .date_r{ color: #d70103;} #List2 .newsList .l1:hover .date .date_ny{ color: #d70103;} #List2 .newsList .l1:hover .text .tit{ color: #d70103;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ #List2 .newsList .l1 .text .info{ max-height: 64px;} } @media screen and (max-width:991px){ #List2 .newsList .l1 .date .date_r{ width: 80px; margin: 20px 0 10px 0; font-size: 26px; line-height: 20px;} #List2 .newsList .l1 .date .date_ny{ font-size: 14px; line-height: 16px;} #List2 .newsList .l1 .text{ padding-left: 100px;} #List2 .newsList .l1 .text .img{ padding: 20px;} #List2 .newsList .l1 .text .right{ margin: 20px 0 0 0;} #List2 .newsList .l1 .text .tit{ margin: 10px 0; font-size: 16px; line-height: 18px; height: 18px;} #List2 .newsList .l1 .text .info{ font-size: 14px; line-height: 24px; max-height: 72px;} } @media screen and (max-width:767px){ #List2 .newsList .l1 .date .date_r{ width: 40px;} #List2 .newsList .l1 .text{ padding-left: 60px;} #List2 .newsList .l1 .text .img{ padding: 20px 10px;} #List2 .newsList .l1 .text .tit{ margin: 5px 0;} #List2 .newsList .l1 .text .info{ max-height: 48px;} } /* 5新闻详情 */ #Subpage2{ width: 100%; float: left;} #Subpage2 .newsCon{ padding: 0 60px;} #Subpage2 .newsCon .w_1240{ width: 82.7%; margin: 0 auto;} #Subpage2 .newsCon .tit{ position: relative;} #Subpage2 .newsCon .tit .t1{ font-size: 36px; line-height: 38px; text-align: center; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold; font-weight: bolder;} #Subpage2 .newsCon .tit .t2{ margin: 25px 0 35px 0; font-size: 16px; line-height: 18px; text-align: center; color: #888;} #Subpage2 .newsCon .tit .fh{ padding-left: 50px; font-size: 16px; color: #999; position: absolute; right: 0; top: 13px; background: url(/skin/images/2327_newscon1.jpg) no-repeat left center; background-size: 37px 20px;} #Subpage2 .newsCon .tit .fh:hover{ color: #d70103;} #Subpage2 .newsCon .dd{ padding: 40px 140px 40px 40px; background: #f4f4f4;} #Subpage2 .newsCon .dd .left{ width: 54px; float: left; font-size: 24px; line-height: 30px; border-right: 1px solid #dedede; color: #888;} #Subpage2 .newsCon .dd .right{ width: 100%; padding-left: 90px; font-size: 16px; line-height: 30px; color: #888;} #Subpage2 .newsCon .info{ margin: 40px 0 60px 0; font-size: 16px; line-height: 36px; color: #666;} #Subpage2 .newsCon .sx_fy{ padding-top: 40px; position: relative; border-top: 1px solid #dadada;} #Subpage2 .newsCon .sx_fy .l_fy,#Subpage2 .newsCon .sx_fy .r_fy{ display: block; font-size: 16px; line-height: 30px; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; color: #888;} #Subpage2 .newsCon .sx_fy .l_fy:hover,#Subpage2 .newsCon .sx_fy .r_fy:hover{ color: #d70103;} #Subpage2 .newsCon .bdsharebuttonbox{ position: absolute; top: 50px; right: 0;} #Subpage2 .newsCon .bdsharebuttonbox .p{ float: left; font-size: 16px; line-height: 16px; color: #888;} #Subpage2 .newsCon .bdsharebuttonbox a{ margin: 0 3px!important;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Subpage2 .newsCon{ padding: 0;} #Subpage2 .newsCon .w_1240{ width: 100%;} #Subpage2 .newsCon .tit{ text-align: center;} #Subpage2 .newsCon .tit .t1{ font-size: 16px; line-height: 18px;} #Subpage2 .newsCon .tit .t2{ margin: 5px 0; font-size: 12px; line-height: 14px;} #Subpage2 .newsCon .tit .fh{ margin-bottom: 10px; position: static; display: inline-block; padding-left: 25px; font-size: 14px; background-size: 19px 10px;} #Subpage2 .newsCon .dd{ padding: 10px;} #Subpage2 .newsCon .dd .left{ width: 23px; font-size: 16px; line-height: 24px;} #Subpage2 .newsCon .dd .right{ padding-left: 30px; font-size: 14px; line-height: 24px;} #Subpage2 .newsCon .info{ margin: 10px 0 15px 0; font-size: 14px; line-height: 24px;} #Subpage2 .newsCon .sx_fy{ padding-top: 15px;} #Subpage2 .newsCon .sx_fy .l_fy,#Subpage2 .newsCon .sx_fy .r_fy{ font-size: 14px; line-height: 24px; width: 100%;} } @media screen and (max-width:767px){ } /* 6项目设计 */ #Content11{ width: 100%; float: left;} #Content11 .xmCon{ width: 100%; float: left;} #Content11 .xmCon .w_1250{ width: 83.35%; margin: 0 auto;} #Content11 .xmCon .title{ text-align: center;} #Content11 .xmCon .title .t1{ width: 346px; line-height: 0; margin: 0 auto;} #Content11 .xmCon .title .t2{ font-size: 36px; line-height: 38px; margin: -65px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Content11 .xmCon .title .t3{ width: 4px; height: 26px; margin: 0 auto 36px auto; background: #d70103;} #Content11 .xmCon .info{ font-size: 16px; line-height: 36px; color: #333; text-align: center;} #Content11 .xmCon .tb{ margin: 55px 0 50px 0; width: 100%; overflow: hidden; text-align: center;} #Content11 .xmCon .u1{ display: inline-block;} #Content11 .xmCon .u1 .l1{ float: left; width: 144px; height: 144px; margin: 0 78px; border-radius: 50%; background: #f2f2f2; position: relative;} #Content11 .xmCon .u1 .l1::after{ content: ""; width: 156px; height: 1px; border-top: 1px dashed #f2f2f2; position: absolute; left: 144px; top: 50%;} #Content11 .xmCon .u1 .l1:last-child::after{ display: none;} #Content11 .xmCon .u1 .l1 .ico{ width: 38px; height: 38px; margin: 35px auto 20px auto; line-height: 0;} #Content11 .xmCon .u1 .l1 .wz{ font-size: 16px; line-height: 18px; text-align: center;} #Content11 .xmCon .u2 .l2{ margin: 30px 0; width: 100%; overflow: hidden;} #Content11 .xmCon .u2 .l2 .img{ width: 48.5%; float: left; line-height: 0;} #Content11 .xmCon .u2 .l2 .text{ width: 43.7%; float: right;} #Content11 .xmCon .u2 .l2 .t1{ margin: 70px 0 30px 0; font-size: 24px; line-height: 26px; color: #d70103;} #Content11 .xmCon .u2 .l2 .line{ margin-bottom: 40px; width: 100%; height: 3px; background: #f2f2f2;} #Content11 .xmCon .u2 .l2 .a{ display: inline-block; font-size: 16px; margin: 0 10px 10px 0; padding: 0 30px; height: 46px; line-height: 44px; color: #333; border: 1px solid #f2f2f2; border-radius: 3px;} #Content11 .xmCon .u2 .l2 .a:hover{ border: 1px solid #d70103; color: #d70103;} @media screen and (max-width:1529px){ #Content11 .xmCon .w_1250{ width: 100%;} #Content11 .xmCon .u1 .l1{ margin: 0 50px;} #Content11 .xmCon .u1 .l1::after{ width: 100px;} } @media screen and (max-width:1199px){ #Content11 .xmCon .u1 .l1{ margin: 0 30px;} #Content11 .xmCon .u1 .l1::after{ width: 60px;} #Content11 .xmCon .u2 .l2 .t1{ margin: 25px 0 20px 0;} #Content11 .xmCon .u2 .l2 .line{ margin-bottom: 20px;} } @media screen and (max-width:991px){ #Content11 .xmCon .title .t1{ width: 260px;} #Content11 .xmCon .title .t2{ font-size: 18px; line-height: 20px; margin: -38px 0 18px 0;} #Content11 .xmCon .title .t3{ width: 4px; height: 16px; margin: 0 auto 16px auto;} #Content11 .xmCon .info{ font-size: 14px; line-height: 24px;} #Content11 .xmCon .tb{ margin: 15px 0 10px 0;} #Content11 .xmCon .u1 .l1{ width: 100px; height: 100px; margin: 0 20px;} #Content11 .xmCon .u1 .l1::after{ width: 40px; left: 100px;} #Content11 .xmCon .u1 .l1 .ico{ width: 34px; height: 34px; margin: 20px auto 10px auto;} #Content11 .xmCon .u1 .l1 .wz{ font-size: 14px; line-height: 16px;} #Content11 .xmCon .u2 .l2{ margin: 10px 0;} #Content11 .xmCon .u2 .l2 .t1{ margin: 15px 0 10px 0; font-size: 16px; line-height: 18px;} #Content11 .xmCon .u2 .l2 .line{ margin-bottom: 10px;} #Content11 .xmCon .u2 .l2 .a{ font-size: 14px; margin: 0 5px 5px 0; padding: 0 10px; height: 30px; line-height: 28px;} } @media screen and (max-width:767px){ #Content11 .xmCon .u1 .l1{ width: 60px; height: 60px; margin: 0 2px;} #Content11 .xmCon .u1 .l1::after{ width: 4px; left: 60px;} #Content11 .xmCon .u1 .l1 .ico{ width: 20px; height: 20px; margin: 10px auto 5px auto;} #Content11 .xmCon .u1 .l1 .wz{ font-size: 12px; line-height: 14px;} #Content11 .xmCon .u2 .l2 .img{ width: 100%;} #Content11 .xmCon .u2 .l2 .text{ width: 100%;} } /* 7设备安装 */ #Content12{ width: 100%; float: left;} #Content12 .azCon{ width: 100%; float: left;} #Content12 .azCon .w_1290{ width: 86%; margin: 0 auto;} #Content12 .azCon .title{ text-align: center;} #Content12 .azCon .title .t1{ width: 346px; line-height: 0; margin: 0 auto;} #Content12 .azCon .title .t2{ font-size: 36px; line-height: 38px; margin: -56px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Content12 .azCon .title .t3{ width: 4px; height: 26px; margin: 0 auto 36px auto; background: #d70103;} #Content12 .azCon .info{ margin-bottom: 40px; font-size: 16px; line-height: 36px; color: #333; text-align: center;} #Content12 .azCon .service{ width: 100%; overflow: hidden; padding-top:120px; border-top:4px solid #d2d0d0;} #Content12 .azCon .service .list:nth-child(2n){padding:130px 0; background: url(/skin/images/2329_az10.png) no-repeat; background-size: 46.77% 100%; background-position: 9% top;} #Content12 .azCon .service .list a{float:left; position: relative; padding-bottom:40px;} #Content12 .azCon .service .list a::after{width:1px; height: 100%; content:""; border-left:1px solid #d2d0d0; position: absolute; bottom:0; left: 5%;} #Content12 .azCon .service .list:first-child a::after{height: 150%;} #Content12 .azCon .service .list:nth-child(2n) a::after{display:none;} #Content12 .azCon .service .img{width:42%; float:right; margin-top:-40px;} #Content12 .azCon .service .text{ float: left; width: 44%; margin-left: 7%;} #Content12 .azCon .service .text .ico{width:92px; height: 92px; border-radius: 50%; background-color: #f4f4f4; float:left;} #Content12 .azCon .service .text .text2{margin-left:120px;} #Content12 .azCon .service .text .text2 .H4{font-size:42px; color:#333333; margin: 20px 0 40px 0;} #Content12 .azCon .service .text .text2 .p{font-size:16px; line-height: 30px; height: 120px;overflow : hidden;} #Content12 .azCon .service .list:nth-child(2n) .img{float:left; margin: 0;} #Content12 .azCon .service .list:nth-child(2n) .text{ float: right;} #Content12 .azCon .service .list:last-child{background-image: url(/skin/images/2329_az10_1.png); padding-bottom:55px;} #Content12 .azCon .service .step{position: absolute; top:0; left: 4.8%; width: 4px; height: 92px; background: #d70103; z-index: 1;} #Content12 .azCon .service .list:nth-child(2n) .step{left:51%; top: -8px;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ #Content12 .azCon .service{padding-top:60px;} #Content12 .azCon .service .img{margin:0;} #Content12 .azCon .service .text .ico{width:70px; height: 70px;} #Content12 .azCon .service .text .text2{margin-left:85px;} #Content12 .azCon .service .text .text2 .H4{font-size:28px;} #Content12 .azCon .service .list .step { height: 70px;} } @media screen and (max-width:991px){ #Content12 .azCon .title .t1{ width: 260px;} #Content12 .azCon .title .t2{ font-size: 18px; line-height: 20px; margin: -38px 0 18px 0;} #Content12 .azCon .title .t3{ width: 4px; height: 16px; margin: 0 auto 16px auto;} #Content12 .azCon .info{ margin-bottom: 15px; font-size: 14px; line-height: 24px;} #Content12 .azCon .service{padding-top:20px; margin-bottom:20px;} #Content12 .azCon .service .text .text2 .H4{font-size:18px; margin: 10px 0 15px 0;} #Content12 .azCon .service .text .text2 .p{ font-size: 14px; line-height: 20px; height: 80px;} #Content12 .azCon .service .list:nth-child(2n){ padding: 75px 0;} #Content12 .azCon .service .list:last-child{ padding: 75px 0 25px 0;} } @media screen and (max-width:767px){ #Content12 .azCon .service{padding:0 0; margin: 0;} #Content12 .azCon .service .list{background:none !important; border-bottom:1px dashed #d2d0d0;} #Content12 .azCon .service .list a::after{display:none;} #Content12 .azCon .service .img{width:100%;} #Content12 .azCon .service .text{width:100% !important; float:left !important; margin: 0 !important; padding: 0 !important; margin-top:10px !important; position: static;} #Content12 .azCon .service .text .ico{width:50px; height: 50px; } #Content12 .azCon .service .text .text2{margin-left:60px;} #Content12 .azCon .service .text .text2 .H4{font-size:18px; margin: 10px 0;} #Content12 .azCon .service .text .text2 .p{font-size:14px; line-height: 24px; height: 72px;} #Content12 .azCon .service .list:nth-child(2n){padding:0;} #Content12 .azCon .service .list a{padding:10px 0;} #Content12 .azCon .service .list .step { display: none;} } /* 8常见疑难 */ #Content13{ width: 100%; float: left;} #Content13 .ynCon{ width: 100%; float: left;} #Content13 .ynCon .title{ text-align: center;} #Content13 .ynCon .title .t1{ width: 428px; line-height: 0; margin: 0 auto;} #Content13 .ynCon .title .t2{ font-size: 36px; line-height: 38px; margin: -65px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Content13 .ynCon .title .t3{ width: 4px; height: 26px; margin: 0 auto 36px auto; background: #d70103;} #Content13 .ynCon .u1{ width: 102%; margin: -20px -1%; overflow: hidden;} #Content13 .ynCon .l1{ padding: 40px; width: 48%; margin: 20px 1%; background: #f6f6f6; float: left;} #Content13 .ynCon .l1 .ques{ margin-bottom: 20px;} #Content13 .ynCon .l1 .ques .q{ float: left; width: 50px; height: 50px; line-height: 50px; font-size: 24px; text-align: center; color: #fff; background: #474747; border-radius: 50%;} #Content13 .ynCon .l1 .ques .wz{ padding-left: 70px; font-size: 20px; line-height: 30px; padding-top: 10px; padding-bottom: 10px; color: #333;} #Content13 .ynCon .l1 .answ .a{ float: left; width: 50px; height: 50px; line-height: 50px; font-size: 24px; text-align: center; color: #fff; background: #d70103; border-radius: 50%;} #Content13 .ynCon .l1 .answ .wz{ padding-left: 20px; font-size: 16px; line-height: 26px; height: 78px; overflow-y: auto; color: #666;} #Content13 .ynCon .l1 .answ .wz::-webkit-scrollbar-track{ border-radius: 5px; background-color: rgba(255,255,255,0.8); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);} #Content13 .ynCon .l1 .answ .wz::-webkit-scrollbar{ width: 5px; background-color: rgba(0,0,0,0);} #Content13 .ynCon .l1 .answ .wz::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3); background-color: #d70103;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content13 .ynCon .title .t1{ width: 260px;} #Content13 .ynCon .title .t2{ font-size: 18px; line-height: 20px; margin: -38px 0 18px 0;} #Content13 .ynCon .title .t3{ width: 4px; height: 16px; margin: 0 auto 16px auto;} #Content13 .ynCon .u1{ margin: -10px -1%;} #Content13 .ynCon .l1{ padding: 15px; margin: 10px 1%;} #Content13 .ynCon .l1 .ques{ margin-bottom: 10px;} #Content13 .ynCon .l1 .ques .q{ width: 36px; height: 36px; line-height: 36px; font-size: 20px;} #Content13 .ynCon .l1 .ques .wz{ padding-left: 56px; font-size: 16px; line-height: 20px; padding-top: 5px; padding-bottom: 5px;} #Content13 .ynCon .l1 .answ .a{ width: 36px; height: 36px; line-height: 36px; font-size: 20px;} #Content13 .ynCon .l1 .answ .wz{ font-size: 14px; line-height: 20px; height: 60px;} } @media screen and (max-width:767px){ #Content13 .ynCon .u1{ width: 100%; margin: -10px 0;} #Content13 .ynCon .l1{ width: 100%; margin: 10px 0;} #Content13 .ynCon .l1 .ques .q{ width: 30px; height: 30px; line-height: 30px; font-size: 18px;} #Content13 .ynCon .l1 .ques .wz{ padding-left: 40px;} #Content13 .ynCon .l1 .answ .a{ width: 30px; height: 30px; line-height: 30px; font-size: 18px;} #Content13 .ynCon .l1 .answ .wz{ padding-left: 10px;} } /* 10联系我们1 */ #Content14{ width: 100%; float: left;} #Content14 .contCon1{ width: 100%; float: left;} #Content14 .contCon1 .title{ text-align: center;} #Content14 .contCon1 .title .t1{ width: 310px; line-height: 0; margin: 0 auto;} #Content14 .contCon1 .title .t2{ font-size: 36px; line-height: 38px; margin: -65px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Content14 .contCon1 .title .t3{ width: 4px; height: 26px; margin: 0 auto 36px auto; background: #d70103;} #Content14 .contCon1 .form{ width: 1000px; margin: 0 auto -30px auto;} #Content14 .contCon1 .form .dx>input{ display: none;} #Content14 .contCon1 .form .dx>label{ position: relative; font-size: 18px; line-height: 50px; margin-right: 55px; color: #888; padding-left: 25px;} #Content14 .contCon1 .form .dx>label::before{ display: inline-block; content: ""; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #d6e0e7; margin-right: 6px; vertical-align: bottom; position: absolute; top: 4px; left: 0;} #Content14 .contCon1 .form .dx>input:checked+label::before{ background-color: #fff; border: 1px solid #d70103;} #Content14 .contCon1 .form .dx>input:checked+label::after{ display: inline-block; content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 4px; top: 8px; background-color: #d70103;} #Content14 .contCon1 .form .lab{ width: 48%; float: left;} #Content14 .contCon1 .form .lab:nth-child(2n+1){ float: right;} #Content14 .contCon1 .form .name{ margin: 30px 0 20px 0; font-size: 14px; line-height: 16px; color: #333;} #Content14 .contCon1 .form .col{ color: #d70103;} #Content14 .contCon1 .form .fv{ padding: 20px; line-height: 20px; font-size: 14px; color: #999; width: 100%; border-radius: 5px; border: 1px solid #dfdfdf;} #Content14 .contCon1 .form .lab1{ margin-bottom: 30px; width: 100%; float: left;} #Content14 .contCon1 .form .fv1{ padding: 20px; line-height: 20px; height: 110px; font-size: 14px; color: #999; width: 100%; border-radius: 5px; border: 1px solid #dfdfdf;} #Content14 .contCon1 .form .fv2{ width: 100%; height: 60px; line-height: 60px; font-size: 18px; background: #d70103; color: #fff; border-radius: 5px; text-align: center;} #Content14 .contCon1 .form .fv2:hover{ opacity: 0.8;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content14 .contCon1 .title .t1{ width: 200px;} #Content14 .contCon1 .title .t2{ font-size: 18px; line-height: 20px; margin: -34px 0 18px 0;} #Content14 .contCon1 .title .t3{ width: 4px; height: 16px; margin: 0 auto 16px auto;} #Content14 .contCon1 .form{ width: 100%; margin: 0 auto -15px auto;} #Content14 .contCon1 .form .dx>label{ font-size: 16px; line-height: 30px; margin-right: 10px;} #Content14 .contCon1 .form .name{ margin: 15px 0 10px 0;} #Content14 .contCon1 .form .fv{ padding: 10px; line-height: 20px;} #Content14 .contCon1 .form .lab1{ margin-bottom: 15px;} #Content14 .contCon1 .form .fv1{ padding: 10px;} #Content14 .contCon1 .form .fv2{ height: 36px; line-height: 36px; font-size: 14px;} } @media screen and (max-width:767px){ #Content14 .contCon1 .form .lab{ width: 100%;} } /* 10联系我们2 */ #Content15{ width: 100%; float: left;} #Content15 .contCon2{ padding: 80px 0; width: 100%; float: left; background: #f6f6f6;} #Content15 .contCon2 .title{ text-align: center;} #Content15 .contCon2 .title .t1{ width: 216px; line-height: 0; margin: 0 auto;} #Content15 .contCon2 .title .t2{ font-size: 36px; line-height: 38px; margin: -65px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Content15 .contCon2 .title .t3{ width: 4px; height: 26px; margin: 0 auto 36px auto; background: #d70103;} #Content15 .contCon2 .info{ font-size: 14px; line-height: 16px; margin-bottom: 35px; text-align: center; color: #666;} #Content15 .contCon2 .u1{ width: 101%; margin: 0 -0.5%; overflow: hidden;} #Content15 .contCon2 .l1{ height: 400px; padding: 35px 40px; width: 49%; margin: 0.5% 0.5% 24px 0.5%; float: left; overflow: hidden;} #Content15 .contCon2 .l1 .t1{ display: inline-block; font-size: 18px; height: 38px; line-height: 38px; padding: 0 15px; background: #d70103; color: #fff; border-radius: 5px;} #Content15 .contCon2 .l1 .t2{ margin: 20px 0 35px 0; font-size: 24px; line-height: 26px; color: #333;} #Content15 .contCon2 .l1 .over{ margin: 15px 0; width: 100%;} #Content15 .contCon2 .l1 .w1{ float: left; font-size: 16px; line-height: 20px; color: #666;} #Content15 .contCon2 .l1 .w2{ padding-left: 108px; font-size: 16px; line-height: 20px; color: #999;} #Content15 .contCon2 .l1 .lx{ display: inline-block; margin-left: 10px; font-size: 14px; line-height: 20px; padding-left: 16px; color: #d70103; background: url(/skin/images/2332_mess2_5.png) no-repeat left center;} #Content15 .contCon2 .u2{ width: 101%; margin: 0 -0.5%; overflow: hidden;} #Content15 .contCon2 .l2{ height: 260px; padding: 30px; width: 32.3%; margin: 24px 0.5% 0 0.5%; float: left; background: #fff; overflow: hidden;} #Content15 .contCon2 .l2 .t1{ font-size: 24px; line-height: 26px; color: #333; display: inline-block;} #Content15 .contCon2 .l2 .t2{ font-size: 18px; line-height: 26px; padding: 0 6px; margin-left: 10px; color: #fff; background: #d70103; display: inline-block;} #Content15 .contCon2 .l2 .line{ margin: 25px 0; width: 100%; height: 1px; background: #ebebeb;} #Content15 .contCon2 .l2 .w1{ margin: 10px 0; font-size: 16px; line-height: 20px; color: #666;} #Content15 .contCon2 .l2 .lx{ display: inline-block; margin-left: 10px; font-size: 14px; line-height: 20px; padding-left: 16px; color: #d70103; background: url(/skin/images/2332_mess2_5.png) no-repeat left center;} #Content15 .contCon2 .gd{ display: block; width: 50px; height: 50px; background: url(/skin/images/2332_mess2_6.png) no-repeat center; background-size: cover; margin: 40px auto 0 auto;} @media screen and (max-width:1529px){ #Content15 .contCon2 .l1{ height: 482px;} #Content15 .contCon2 .l2{ height: 280px;} } @media screen and (max-width:1199px){ #Content15 .contCon2 .l1{ padding: 15px 20px; height: 464px;} #Content15 .contCon2 .l2{ height: 300px; padding: 20px;} } @media screen and (max-width:991px){ #Content15 .contCon2{ padding: 20px 0;} #Content15 .contCon2 .title .t1{ width: 200px;} #Content15 .contCon2 .title .t2{ font-size: 18px; line-height: 20px; margin: -38px 0 18px 0;} #Content15 .contCon2 .title .t3{ width: 4px; height: 16px; margin: 0 auto 16px auto;} #Content15 .contCon2 .info{ margin-bottom: 15px;} #Content15 .contCon2 .l1{ height: 345px; padding: 10px 10px;} #Content15 .contCon2 .l1 .t1{ font-size: 14px; height: 24px; line-height: 24px; padding: 0 5px;} #Content15 .contCon2 .l1 .t2{ margin: 10px 0 15px 0; font-size: 16px; line-height: 20px;} #Content15 .contCon2 .l1 .over{ margin: 5px 0;} #Content15 .contCon2 .l1 .w1{ font-size: 14px; line-height: 18px;} #Content15 .contCon2 .l1 .w2{ padding-left: 85px; font-size: 14px; line-height: 20px;} #Content15 .contCon2 .l1 .lx{ margin-left: 5px;} #Content15 .contCon2 .l2{ height: 220px; padding: 10px;} #Content15 .contCon2 .l2 .t1{ font-size: 16px; line-height: 20px;} #Content15 .contCon2 .l2 .t2{ font-size: 14px; line-height: 20px; padding: 0 3px; margin-left: 5px;} #Content15 .contCon2 .l2 .line{ margin: 5px 0;} #Content15 .contCon2 .l2 .w1{ margin: 5px 0; font-size: 14px; line-height: 18px;} #Content15 .contCon2 .l2 .lx{ margin-left: 5px;} #Content15 .contCon2 .gd{ width: 30px; height: 30px; margin: 10px auto 0 auto;} } @media screen and (max-width:767px){ #Content15 .contCon2 .u1{ width: 100%; margin: 0;} #Content15 .contCon2 .l1{ width: 100%; margin: 5px 0; /*height: auto;*/} #Content15 .contCon2 .u2{ width: 100%; margin: 0;} #Content15 .contCon2 .l2{ width: 100%; margin: 5px 0; height: auto;} } /* 11人才招聘 */ #List3{ width: 100%; float: left;} #List3 .joinList{ padding: 100px 0 80px 0; width: 100%; float: left;} #List3 .joinList .title{ text-align: center;} #List3 .joinList .title .t1{ width: 346px; line-height: 0; margin: 0 auto;} #List3 .joinList .title .t2{ font-size: 36px; line-height: 38px; margin: -56px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #List3 .joinList .title .t3{ width: 4px; height: 26px; margin: 0 auto 36px auto; background: #d70103;} #List3 .joinList .u1{ margin: -15px 0;} #List3 .joinList .l1{ float:left; width:100%; background:#f7f7f7; margin: 15px 0; border-left:3px solid #d70103;} #List3 .joinList .l1 .tit{ float:left; width:100%; padding:25px 30px 27px 30px; cursor:pointer;} #List3 .joinList .l1 .tit .t1{ float:left; width:100%;} #List3 .joinList .l1 .tit .t1 h1{ float:left; color:#333; font-size:24px; line-height:34px;} #List3 .joinList .l1 .tit .t1 h5{ float:right; color:#808080; font-size:14px; line-height:34px;padding-right:50px; position:relative;} #List3 .joinList .l1 .tit .t1 h5::after{ float:left; width:28px; height:15px; background:url(/skin/images/2333_join2.png) right center no-repeat; background-size:100% 100%; content:''; position:absolute; right:0; top:50%; margin-top:-7px;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #List3 .joinList .l1 .tit .t2{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; margin-top:8px;} #List3 .joinList .l1 .tit.active .t1 h1{ color: #d70103;} #List3 .joinList .l1 .tit.active .t1 h5::after{ transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);} #List3 .joinList .l1 .box{ display:none; float:left; width:100%; padding:0 40px 40px 30px;} #List3 .joinList .l1 .box .line{ float:left; width:100%; border-top:1px solid #e6e6e6; padding-top:19px; position:relative;} #List3 .joinList .l1 .box .p1{ float:left; width:100%; color:#4c4c4c; font-size:16px; line-height:36px; font-weight:bold;} #List3 .joinList .l1 .box .p2{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:34px; margin:0 0 35px 0;} #List3 .joinList .l1 .box .but{ float:left; width:100%;} #List3 .joinList .l1 .box .but a{ display: block; width:155px; height:40px; line-height:38px; color:#fff; font-size:18px; background:#d70103; text-align:center; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;} #List3 .joinList .l1 .box .but a:hover{ opacity: 0.8;} /* 12招聘信息 */ #List3 .joinList .l1 .form{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999;} #List3 .joinList .l1 .form .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.8);} #List3 .joinList .l1 .form .bd{ padding: 50px 60px; width: 710px; position: absolute; top: 50%; left: 50%; margin-left: -355px; background: #fff; border-radius: 15px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #List3 .joinList .l1 .form .t1{ font-size: 42px; line-height: 44px; color: #333; text-align: center;} #List3 .joinList .l1 .form .t2{ margin: 20px 0 35px 0; font-size: 16px; line-height: 18px; color: #d70103; text-align: center;} #List3 .joinList .l1 .form .lab{ float: left; width: 48%; height: 50px; margin-bottom: 15px; padding: 10px 20px 10px 30px; position: relative; border: 1px solid #eaeaea;} #List3 .joinList .l1 .form .lab:nth-child(2n){ float: right;} #List3 .joinList .l1 .form .name{ font-size: 14px; line-height: 30px; color: #666; position: absolute; left: 30px; top: 10px;} #List3 .joinList .l1 .form .fv{ width: 100%; padding: 0 15px 0 40px; line-height: 30px; font-size: 14px; color: #666;} #List3 .joinList .l1 .form .dot{ line-height: 30px; font-size: 16px; color: #d70103; position: absolute; right: 20px; top: 10px;} #List3 .joinList .l1 .form .lab1{ float: left; width: 100%; height: 50px; margin-bottom: 15px; background: #ebf3eb; position: relative; text-align: center;} #List3 .joinList .l1 .form .lab1 .dis{ display: inline-block; line-height: 50px;} #List3 .joinList .l1 .form .lab1 .w1{ float: left; font-size: 14px; margin-right: 8px; color: #d70103;} #List3 .joinList .l1 .form .lab1 .w2{ float: left; width: 13px; height: 13px; margin-top: 18px; line-height: 0;} #List3 .joinList .l1 .form .fv1{ width:100%; height:100%; position:absolute; left:0; top:0; outline:none; opacity:0; filter: alpha(opacity=0); cursor: pointer;} #List3 .joinList .l1 .form .lab2{ float: left; width: 100%;} #List3 .joinList .l1 .form .fv2{ width: 100%; height: 58px; line-height: 58px; background: #d70103; border-radius: 3px; color: #fff; text-align: center;} #List3 .joinList .l1 .form .fv2:hover{ opacity: 0.8;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ #List3 .joinList{ padding: 50px 0 40px 0;} #List3 .joinList .l1 .tit{ padding:20px 20px;} } @media screen and (max-width:991px){ #List3 .joinList{ padding: 30px 0 20px 0;} #List3 .joinList .title .t1{ width: 260px;} #List3 .joinList .title .t2{ font-size: 18px; line-height: 20px; margin: -38px 0 18px 0;} #List3 .joinList .title .t3{ width: 4px; height: 16px; margin: 0 auto 16px auto;} #List3 .joinList .l1{ border-left:2px solid #d70103;} #List3 .joinList .l1 .tit{ padding:10px 15px;} #List3 .joinList .l1 .tit .t1 h1{ font-size:18px; line-height:28px;} #List3 .joinList .l1 .tit .t1 h5{ line-height:28px; background-size:20px 11px; padding-right:30px;} #List3 .joinList .l1 .tit .t2{ margin-top:2px;} #List3 .joinList .l1 .tit .t1 h5::after{ width:20px; height:11px;} #List3 .joinList .l1 .box{ padding:0 15px 25px 15px;} #List3 .joinList .l1 .box .line{ padding-top:15px; } #List3 .joinList .l1 .box .p1{ line-height:30px; } #List3 .joinList .l1 .box .p2{ line-height:30px; margin:0 0 16px 0;} #List3 .joinList .l1 .box .but a{ width:120px; height:34px; line-height:32px;font-size:16px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;} #List3 .joinList .l1 .form .bd{ padding: 20px 20px; width: 90%; margin-left: -45%;} #List3 .joinList .l1 .form .t1{ font-size: 20px; line-height: 22px;} #List3 .joinList .l1 .form .t2{ margin: 10px 0 15px 0; font-size: 14px; line-height: 16px;} #List3 .joinList .l1 .form .lab{ width: 100%; height: 36px; margin-bottom: 5px; padding: 5px 10px 5px 10px;} #List3 .joinList .l1 .form .name{ font-size: 12px; line-height: 26px; left: 10px; top: 5px;} #List3 .joinList .l1 .form .fv{ padding: 0 15px 0 30px; line-height: 26px; font-size: 12px;} #List3 .joinList .l1 .form .dot{ line-height: 26px; font-size: 12px; right: 10px; top: 5px;} #List3 .joinList .l1 .form .lab1{ height: 30px; margin-bottom: 5px;} #List3 .joinList .l1 .form .lab1 .dis{ line-height: 30px;} #List3 .joinList .l1 .form .lab1 .w2{ margin-top: 8px;} #List3 .joinList .l1 .form .fv2{ height: 38px; line-height: 38px;} } @media screen and (max-width:767px){ #List3 .joinList .l1 .box .p2{ font-size:12px; line-height:24px;} #List3 .joinList .l1 .box .p1{ font-size:14px; line-height:26px;} #List3 .joinList .l1 .tit .t1 h1{ font-size:16px; line-height:24px;} #List3 .joinList .l1 .tit .t1 h5{ font-size:12px; line-height:24px;} #List3 .joinList .l1 .tit .t2{ font-size:12px; line-height:20px; margin-top:0;} } /* 13产品中心 */ #List4{ width: 100%; float: left;} #List4 .prodList{ width: 100%; float: left;} #List4 .prodList .bt{ margin: 70px 0 40px 0; font-size: 36px; line-height: 38px; color: #333; text-align: center; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #List4 .prodList .over{ margin-bottom: 30px; width: 100%; overflow: hidden;} #List4 .prodList .img{ width: 57.6%; float: left; line-height: 0;} #List4 .prodList .text{ width: 39%; float: right;} #List4 .prodList .line{ margin: 70px 0 40px 0; width: 26px; height: 4px; background: #d70103;} #List4 .prodList .info{ padding-right: 65px; font-size: 18px; line-height: 36px; color: #444;} #List4 .prodList .l1{ margin-bottom: 20px; width: 100%; padding: 28px 40px; overflow: hidden; background: #f4f4f4; position: relative;} #List4 .prodList .l1 .left{ padding-right: 170px;} #List4 .prodList .l1 .tit{ width: 100%; overflow: hidden;} #List4 .prodList .l1 .t1{ float: left; font-size: 20px; line-height: 26px; color: #333;} #List4 .prodList .l1 .wz{ margin-left: 12px; float: left; font-size: 14px; line-height: 22px; padding-left: 18px; background: url(/skin/images/2334_prod6.png) no-repeat left center; color: #888;} #List4 .prodList .l1 .link{ margin-top: 18px;} #List4 .prodList .l1 .a{ font-size: 14px; margin-right: 50px; color: #666; position: relative;} #List4 .prodList .l1 .a::after{ content: ""; display: block; width: 1px; height: 15px; background: #dbdbdb; position: absolute; top: 3px; right: -25px;} #List4 .prodList .l1 .a:last-child::after{ display: none;} #List4 .prodList .l1 .a:hover{ color: #d70103; text-decoration: underline;} #List4 .prodList .l1 .more{ position: absolute; right: 40px; top: 33px; display: block; font-size: 16px; width: 156px; height: 42px; line-height: 40px; border-radius: 21px; border: 2px solid #d6d6d6; color: #666; text-align: center;} #List4 .prodList .l1 .more:hover{ color: #fff; background: #d70103; border: 2px solid #d70103;} #List4 .prodList .bt2{ margin: 26px 0 16px 0; font-size: 24px; line-height: 26px; color: #444;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ #List4 .prodList .line{ margin: 30px 0 20px 0;} } @media screen and (max-width:991px){ #List4 .prodList .bt{ margin: 20px 0 10px 0; font-size: 18px; line-height: 20px;} #List4 .prodList .over{ margin-bottom: 10px;} #List4 .prodList .line{ margin: 15px 0 10px 0; width: 20px; height: 2px;} #List4 .prodList .info{ padding-right: 0; font-size: 16px; line-height: 26px;} #List4 .prodList .l1{ display: table; margin-bottom: 10px; padding: 15px 15px;} #List4 .prodList .l1 .left{ padding-right: 10px;} #List4 .prodList .l1 .t1{ font-size: 16px; line-height: 18px;} #List4 .prodList .l1 .wz{ margin-left: 5px; font-size: 12px; line-height: 18px;} #List4 .prodList .l1 .link{ margin-top: 10px;} #List4 .prodList .l1 .a{ font-size: 14px; margin-right: 10px;} #List4 .prodList .l1 .a::after{ right: -8px;} #List4 .prodList .l1 .tell{ display: table-cell; vertical-align: middle;} #List4 .prodList .l1 .more{ position: static; float: right; font-size: 14px; width: 100px; height: 30px; line-height: 28px; border-radius: 15px;} #List4 .prodList .bt2{ margin: 15px 0 10px 0; font-size: 16px; line-height: 18px;} } @media screen and (max-width:767px){ #List4 .prodList .img{ width: 100%;} #List4 .prodList .text{ width: 100%;} } /* 14产品系列 */ #List5{ width: 100%; float: left;} #List5 .proxlList{ margin-top: 40px; width: 100%; float: left;} #List5 .proxlList .mbx{ padding: 30px 0;} #List5 .proxlList .mbx a{ color: #666; font-size: 14px;} #List5 .proxlList .mbx a.on,#List5 .proxlList .mbx a:hover{ color: #d70103;} #List5 .proxlList .biaoti{ width: 102%; margin-bottom: 20px; } #List5 .proxlList .tit{ font-size: 36px; line-height: 38px; color: #333; text-align: center; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #List5 .proxlList .jia{ font-size: 60px; line-height: 60px; text-transform: uppercase; color: #000; opacity: 0.08; font-family: 'OpenSansBold'; text-align: center; font-weight: bold;} #List5 .proxlList .tab{ text-align: center; margin: 40px 0 35px 0;} #List5 .proxlList .tab .u1{ display: inline-block;} #List5 .proxlList .tab .l1{ float: left; font-size: 16px; height: 44px; line-height: 44px; padding: 0 20px; margin: 10px; border-radius: 22px;} #List5 .proxlList .tab .l1 a{ color: #333;} #List5 .proxlList .tab .l1.on,#List5 .proxlList .tab .l1:hover{ background: #d70103;} #List5 .proxlList .tab .l1.on a,#List5 .proxlList .tab .l1:hover a{ color: #fff;} #List5 .proxlList .cp .u2{ width: 102%; margin: -12px -1%; overflow: hidden;} #List5 .proxlList .cp .l2{ width: 23%; margin: 12px 1%; float: left; border: 1px solid #e1e1e1; position: relative;} #List5 .proxlList .cp .l2 .img{ margin: 25px 25px 0 25px; overflow: hidden; line-height: 0;} #List5 .proxlList .cp .l2 .t1{ font-size: 18px; line-height: 60px; height: 60px; padding: 0 5px; overflow: hidden; text-align: center; color: #333;} #List5 .proxlList .cp .l2 .bg{ display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgb(122 124 122 / 50%);} #List5 .proxlList .cp .l2 .t2{ display: none; margin-top: 15%; font-size: 18px; line-height: 20px; height: 20px; color: #fff; text-align: center; overflow: hidden;} #List5 .proxlList .cp .l2 .t3{ display: none; margin: 13px 0 25px 0; font-size: 14px; line-height: 16px; text-align: center; color: #fff; opacity: 0.6;} #List5 .proxlList .cp .l2 .more{ display: block; font-size: 12px; width: 52px; height: 52px; line-height: 52px; margin: 0 auto; text-align: center; border-radius: 50%; color: #fff; background: #d70103;} #List5 .proxlList .cp .l2:hover .img{ margin: 55px 25px 30px 25px;} #List5 .proxlList .cp .l2:hover .t1{ display: none;} #List5 .proxlList .cp .l2:hover .bg{ display: block;} #List5 .proxlList .cp .l2:hover .t2{ display: block;} #List5 .proxlList .cp .l2:hover .t3{ display: block;} #List5 .proxlList .cp .l2:hover .more{ display: block;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #List5 .proxlList{ margin-top: 20px;} #List5 .proxlList .mbx{ padding: 10px 0;} #List5 .proxlList .mbx a{ font-size: 12px;} #List5 .proxlList .jia{ font-size: 22px; line-height: 30px;} #List5 .proxlList .tit{ font-size: 18px; line-height: 20px;} #List5 .proxlList .tab{ margin: 20px 0 15px 0;} #List5 .proxlList .tab .l1{ font-size: 14px; height: 24px; line-height: 24px; padding: 0 5px; margin: 2.5px; border-radius: 12px;} #List5 .proxlList .cp .u2{ margin: -5px -1%;} #List5 .proxlList .cp .l2{ width: 48%; margin: 5px 1%;} #List5 .proxlList .cp .l2 .t1{ font-size: 16px;} #List5 .proxlList .cp .l2 .t2{ font-size: 16px; margin-top: 10%;} #List5 .proxlList .cp .l2 .t3{ margin: 5px 0;} #List5 .proxlList .cp .l2 .more{ width: 40px; height: 40px; line-height: 40px;} } @media screen and (max-width:767px){ #List5 .proxlList .cp .l2 .t1{ font-size: 14px; line-height: 40px; height: 40px;} #List5 .proxlList .cp .l2 .t2{ font-size: 14px;} #List5 .proxlList .cp .l2:hover .img{ margin: 35px 25px 30px 25px;} } /* 15产品详情 */ #Subpage3 .prodCon { width: 100%; overflow: hidden;} #Subpage3 .prodCon .w_1300{ width: 86.67%; margin: 0 auto;} #Subpage3 .prodCon .mbx{ padding: 30px 0;} #Subpage3 .prodCon .mbx a{ color: #666; font-size: 14px;} #Subpage3 .prodCon .mbx a.on,#Subpage3 .prodCon .mbx a:hover{ color: #d70103;} #Subpage3 .prodCon .over{ width: 100%; overflow: hidden;} #Subpage3 .prodCon .prodCon1Tab{ float: left; width: 58.47%; position: relative;} #Subpage3 .prodCon .prodCon1Tab .home_res11{ float: left; width: 100%;} #Subpage3 .prodCon .prodCon1Tab .slick_res1l{ float: left; width: 80.25%; border: 1px solid #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .home_res12{ float: right; width: 15.8%;} #Subpage3 .prodCon .prodCon1Tab .home_res12 .imgk{ margin-bottom: 11px; border: 1px solid #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .home_res12 .imgk:hover{ border: 1px solid #d70103;} #Subpage3 .prodCon .prodCon1Tab .slick-prev{ height: 25px; position: absolute; bottom: -37px; top: auto; left: 0; width: 50%; background: url(/skin/images/2336_prodcon2.png) no-repeat center; background-color: #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .slick-prev:hover{ background: url(/skin/images/2336_prodcon2_1.png) no-repeat center; background-color: #d70103;} #Subpage3 .prodCon .prodCon1Tab .slick-next{ height: 25px; position: absolute; bottom: -37px; top: auto; right: 0; width: 50%; background: url(/skin/images/2336_prodcon3.png) no-repeat center; background-color: #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .slick-next:hover{ background: url(/skin/images/2336_prodcon3_1.png) no-repeat center; background-color: #d70103;} #Subpage3 .prodCon .right{ float: right; width: 37.23%;} #Subpage3 .prodCon .right .t1{ float: left; font-size: 24px; line-height: 32px; color: #333333;} #Subpage3 .prodCon .right .fh{ padding-left: 50px; font-size: 16px; color: #999; float: right; background: url(/skin/images/2336_prodcon4.jpg) no-repeat left center; background-size: 37px 20px;} #Subpage3 .prodCon .right .fh:hover{ color: #d70103;} #Subpage3 .prodCon .right .info{ font-size: 16px; line-height: 42px; margin: 30px 0 80px 0; color: #666;} #Subpage3 .prodCon .right .more{ display: block; font-size: 16px; width: 125px; height: 40px; line-height: 40px; text-align: center; background: #d70103; color: #ffffff;} #Subpage3 .prodCon .right .more:hover{ opacity: 0.8;} #Subpage3 .prodCon .tab{ width: 100%; margin: 75px 0 30px 0; overflow: hidden;} #Subpage3 .prodCon .tab .l1{ float: left; height: 58px; line-height: 58px; padding: 0 40px; margin: 2px 0; background: #f0f0f0; margin-right: 1px;} #Subpage3 .prodCon .tab .l1:hover,#Subpage3 .prodCon .tab .l1.on{ background: #d70103;} #Subpage3 .prodCon .tab .l1 a{ color: #333;} #Subpage3 .prodCon .tab .l1:hover a,#Subpage3 .prodCon .tab .l1.on a{ color: #fff;} #Subpage3 .prodCon .nr1 .table{ width: 100%;} #Subpage3 .prodCon .nr1 .table tr{ background: #fff;} #Subpage3 .prodCon .nr1 .table tr:nth-last-child(2n){ background: #f8f8f8;} #Subpage3 .prodCon .nr1 .table td{ font-size: 16px; line-height: 20px; padding: 15px 0; border: 1px solid #e8e8e8;} #Subpage3 .prodCon .nr1 .table .td1{ padding-left: 50px; padding-right: 10px; width: 300px;} #Subpage3 .prodCon .nr1 .table .td2{ padding-left: 98px; padding-right: 10px;} @media screen and (max-width:1529px){ #Subpage3 .prodCon .w_1300{ width: 100%;} } @media screen and (max-width:1199px){ #Subpage3 .prodCon .right .info{ margin: 15px 0 20px 0;} #Subpage3 .prodCon .tab .l1{ padding: 0 20px;} } @media screen and (max-width:991px){ #Subpage3 .prodCon .mbx{ padding: 10px 0;} #Subpage3 .prodCon .mbx a{ font-size: 12px;} #Subpage3 .prodCon .prodCon1Tab{ width: 100%;} #Subpage3 .prodCon .prodCon1Tab .slick_res1l{ width: 100%;} #Subpage3 .prodCon .prodCon1Tab .home_res12{ margin-top: 10px; width: 100%;} #Subpage3 .prodCon .prodCon1Tab .home_res12 .imgk{ margin: 0 2px;} #Subpage3 .prodCon .right{ width: 100%; margin-top: 15px;} #Subpage3 .prodCon .right .t1{ font-size: 16px; line-height: 16px;} #Subpage3 .prodCon .right .fh{ margin-bottom: 10px; padding-left: 25px; font-size: 14px; background-size: 19px 10px;} #Subpage3 .prodCon .right .info{ font-size: 14px; line-height: 20px; margin: 5px 0 10px 0;} #Subpage3 .prodCon .right .more{ width: 100px; font-size: 14px; height: 30px; line-height: 30px;} #Subpage3 .prodCon .tab{ margin: 15px 0 10px 0;} #Subpage3 .prodCon .tab .l1{ height: 30px; line-height: 30px; padding: 0 10px;} #Subpage3 .prodCon .nr1 .table td{ font-size: 14px; padding: 10px 0;} #Subpage3 .prodCon .nr1 .table .td1{ padding-left: 30px; padding-right: 5px; width: 200px;} #Subpage3 .prodCon .nr1 .table .td2{ padding-left: 40px; padding-right: 5px;} } @media screen and (max-width:767px){ #Subpage3 .prodCon .nr1 .table .td1{ padding-left: 10px; width: 130px;} #Subpage3 .prodCon .nr1 .table .td2{ padding-left: 10px;} } /* 16产品详情-视频 */ #Subpage3 .prodCon { width: 100%; overflow: hidden;} #Subpage3 .prodCon .w_1300{ width: 86.67%; margin: 0 auto;} #Subpage3 .prodCon .mbx{ padding: 30px 0;} #Subpage3 .prodCon .mbx a{ color: #666; font-size: 14px;} #Subpage3 .prodCon .mbx a.on,#Subpage3 .prodCon .mbx a:hover{ color: #d70103;} #Subpage3 .prodCon .over{ width: 100%; overflow: hidden;} #Subpage3 .prodCon .prodCon1Tab{ float: left; width: 58.47%; position: relative;} #Subpage3 .prodCon .prodCon1Tab .home_res11{ float: left; width: 100%;} #Subpage3 .prodCon .prodCon1Tab .slick_res1l{ float: left; width: 80.25%; border: 1px solid #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .home_res12{ float: right; width: 15.8%;} #Subpage3 .prodCon .prodCon1Tab .home_res12 .imgk{ margin-bottom: 11px; border: 1px solid #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .home_res12 .imgk:hover{ border: 1px solid #d70103;} #Subpage3 .prodCon .prodCon1Tab .slick-prev{ height: 25px; position: absolute; bottom: -37px; top: auto; left: 0; width: 50%; background: url(/skin/images/2337_prodcon2.png) no-repeat center; background-color: #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .slick-prev:hover{ background: url(/skin/images/2337_prodcon2_1.png) no-repeat center; background-color: #d70103;} #Subpage3 .prodCon .prodCon1Tab .slick-next{ height: 25px; position: absolute; bottom: -37px; top: auto; right: 0; width: 50%; background: url(/skin/images/2337_prodcon3.png) no-repeat center; background-color: #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .slick-next:hover{ background: url(/skin/images/2337_prodcon3_1.png) no-repeat center; background-color: #d70103;} #Subpage3 .prodCon .right{ float: right; width: 37.23%;} #Subpage3 .prodCon .right .t1{ float: left; font-size: 24px; line-height: 32px; color: #333333;} #Subpage3 .prodCon .right .fh{ padding-left: 50px; font-size: 16px; color: #999; float: right; background: url(/skin/images/2337_prodcon4.jpg) no-repeat left center; background-size: 37px 20px;} #Subpage3 .prodCon .right .fh:hover{ color: #d70103;} #Subpage3 .prodCon .right .info{ font-size: 16px; line-height: 42px; margin: 30px 0 80px 0; color: #666;} #Subpage3 .prodCon .right .more{ display: block; font-size: 16px; width: 125px; height: 40px; line-height: 40px; text-align: center; background: #d70103; color: #ffffff;} #Subpage3 .prodCon .right .more:hover{ opacity: 0.8;} #Subpage3 .prodCon .tab{ width: 100%; margin: 75px 0 30px 0; overflow: hidden;} #Subpage3 .prodCon .tab .l1{ float: left; height: 58px; line-height: 58px; padding: 0 40px; margin: 2px 0; background: #f0f0f0; margin-right: 1px;} #Subpage3 .prodCon .tab .l1:hover,#Subpage3 .prodCon .tab .l1.on{ background: #d70103;} #Subpage3 .prodCon .tab .l1 a{ color: #333;} #Subpage3 .prodCon .tab .l1:hover a,#Subpage3 .prodCon .tab .l1.on a{ color: #fff;} #Subpage3 .prodCon .nr2 ul{ margin-top: 50px; width: 100%; overflow: hidden;} #Subpage3 .prodCon .nr2 li{ float: left; width: 48%;} #Subpage3 .prodCon .nr2 li:nth-of-type(2n){ float: right;} #Subpage3 .prodCon .nr2 .sp{ position: relative;} #Subpage3 .prodCon .nr2 .sp .img{ width: 100s%; margin: 0 auto; line-height: 0;} #Subpage3 .prodCon .nr2 .sp .pos{ width: 100%; position: absolute; top: 50%; margin-top: -91px; left: 0;} #Subpage3 .prodCon .nr2 .sp .t1{ font-size: 24px; line-height: 26px; text-align: center; color: #fff;} #Subpage3 .prodCon .nr2 .sp .ico{ width: 78px; height: 78px; margin: 30px auto; line-height: 0;} #Subpage3 .prodCon .nr2 .sp .t2{ font-size: 16px; line-height: 18px; text-align: center; color: #fff; opacity: 0.6; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Subpage3 .prodCon .nr2 .sp .imgPop{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999;} #Subpage3 .prodCon .nr2 .sp .imgPop .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.8);} #Subpage3 .prodCon .nr2 .sp .imgPop2{ width: 780px; padding: 28px; border-radius: 15px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -390px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Subpage3 .prodCon .nr2 .sp .imgPop2 .video{ display: block; width: 100%; object-fit: fill;} #Subpage3 .prodCon .nr2 .sp .imgPop2 .dw{ width: 100%; position: absolute; top: 50%; left: 0; margin-top: -62px;} #Subpage3 .prodCon .nr2 .sp .imgPop2 .ico{ width: 78px; height: 78px; margin: 0 auto 30px auto; line-height: 0;} #Subpage3 .prodCon .nr2 .sp .imgPop2 .t2{ font-size: 16px; line-height: 18px; text-align: center; color: #fff; opacity: 0.6; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Subpage3 .prodCon .nr2 .sp .imgPop2 .t1{ margin-top: 26px; font-size: 24px; line-height: 26px; text-align: center; color: #333;} @media screen and (max-width:1529px){ #Subpage3 .prodCon .w_1300{ width: 100%;} } @media screen and (max-width:1199px){ #Subpage3 .prodCon .right .info{ margin: 15px 0 20px 0;} #Subpage3 .prodCon .tab .l1{ padding: 0 20px;} } @media screen and (max-width:991px){ #Subpage3 .prodCon .mbx{ padding: 10px 0;} #Subpage3 .prodCon .mbx a{ font-size: 12px;} #Subpage3 .prodCon .prodCon1Tab{ width: 100%;} #Subpage3 .prodCon .prodCon1Tab .slick_res1l{ width: 100%;} #Subpage3 .prodCon .prodCon1Tab .home_res12{ margin-top: 10px; width: 100%;} #Subpage3 .prodCon .prodCon1Tab .home_res12 .imgk{ margin: 0 2px;} #Subpage3 .prodCon .right{ width: 100%; margin-top: 15px;} #Subpage3 .prodCon .right .t1{ font-size: 16px; line-height: 16px;} #Subpage3 .prodCon .right .fh{ margin-bottom: 10px; padding-left: 25px; font-size: 14px; background-size: 19px 10px;} #Subpage3 .prodCon .right .info{ font-size: 14px; line-height: 20px; margin: 5px 0 10px 0;} #Subpage3 .prodCon .right .more{ width: 100px; font-size: 14px; height: 30px; line-height: 30px;} #Subpage3 .prodCon .tab{ margin: 15px 0 10px 0;} #Subpage3 .prodCon .tab .l1{ height: 30px; line-height: 30px; padding: 0 10px;} #Subpage3 .prodCon .nr2 ul{ margin-top: 15px;} #Subpage3 .prodCon .nr2 .sp .pos{ margin-top: -41px;} #Subpage3 .prodCon .nr2 .sp .t1{ font-size: 16px; line-height: 18px;} #Subpage3 .prodCon .nr2 .sp .ico{ width: 30px; height: 30px; margin: 10px auto;} #Subpage3 .prodCon .nr2 .sp .t2{ font-size: 12px; line-height: 14px;} #Subpage3 .prodCon .nr2 .sp .imgPop2{ width: 90%; padding: 10px; border-radius: 10px; margin-left: -45%; top: 30%;} #Subpage3 .prodCon .nr2 .sp .imgPop2 .dw{ margin-top: -32px;} #Subpage3 .prodCon .nr2 .sp .imgPop2 .ico{ width: 30px; height: 30px; margin: 10px auto;} #Subpage3 .prodCon .nr2 .sp .imgPop2 .t2{ font-size: 12px; line-height: 14px;} #Subpage3 .prodCon .nr2 .sp .imgPop2 .t1{ margin-top: 10px; font-size: 16px; line-height: 18px;} } @media screen and (max-width:767px){ } /* 17产品详情-其他资料 */ #Subpage3 .prodCon { width: 100%; overflow: hidden;} #Subpage3 .prodCon .w_1300{ width: 86.67%; margin: 0 auto;} #Subpage3 .prodCon .mbx{ padding: 30px 0;} #Subpage3 .prodCon .mbx a{ color: #666; font-size: 14px;} #Subpage3 .prodCon .mbx a.on,#Subpage3 .prodCon .mbx a:hover{ color: #d70103;} #Subpage3 .prodCon .over{ width: 100%; overflow: hidden;} #Subpage3 .prodCon .prodCon1Tab{ float: left; width: 58.47%; position: relative;} #Subpage3 .prodCon .prodCon1Tab .home_res11{ float: left; width: 100%;} #Subpage3 .prodCon .prodCon1Tab .slick_res1l{ float: left; width: 80.25%; border: 1px solid #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .home_res12{ float: right; width: 15.8%;} #Subpage3 .prodCon .prodCon1Tab .home_res12 .imgk{ margin-bottom: 11px; border: 1px solid #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .home_res12 .imgk:hover{ border: 1px solid #d70103;} #Subpage3 .prodCon .prodCon1Tab .slick-prev{ height: 25px; position: absolute; bottom: -37px; top: auto; left: 0; width: 50%; background: url(/skin/images/2355_prodcon2.png) no-repeat center; background-color: #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .slick-prev:hover{ background: url(/skin/images/2355_prodcon2_1.png) no-repeat center; background-color: #d70103;} #Subpage3 .prodCon .prodCon1Tab .slick-next{ height: 25px; position: absolute; bottom: -37px; top: auto; right: 0; width: 50%; background: url(/skin/images/2355_prodcon3.png) no-repeat center; background-color: #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .slick-next:hover{ background: url(/skin/images/2355_prodcon3_1.png) no-repeat center; background-color: #d70103;} #Subpage3 .prodCon .right{ float: right; width: 37.23%;} #Subpage3 .prodCon .right .t1{ float: left; font-size: 24px; line-height: 32px; color: #333333;} #Subpage3 .prodCon .right .fh{ padding-left: 50px; font-size: 16px; color: #999; float: right; background: url(/skin/images/2355_prodcon4.jpg) no-repeat left center; background-size: 37px 20px;} #Subpage3 .prodCon .right .fh:hover{ color: #d70103;} #Subpage3 .prodCon .right .info{ font-size: 16px; line-height: 42px; margin: 30px 0 80px 0; color: #666;} #Subpage3 .prodCon .right .more{ display: block; font-size: 16px; width: 125px; height: 40px; line-height: 40px; text-align: center; background: #d70103; color: #ffffff;} #Subpage3 .prodCon .right .more:hover{ opacity: 0.8;} #Subpage3 .prodCon .tab{ width: 100%; margin: 75px 0 30px 0; overflow: hidden;} #Subpage3 .prodCon .tab .l1{ float: left; height: 58px; line-height: 58px; padding: 0 40px; margin: 2px 0; background: #f0f0f0; margin-right: 1px;} #Subpage3 .prodCon .tab .l1:hover,#Subpage3 .prodCon .tab .l1.on{ background: #d70103;} #Subpage3 .prodCon .tab .l1 a{ color: #333;} #Subpage3 .prodCon .tab .l1:hover a,#Subpage3 .prodCon .tab .l1.on a{ color: #fff;} #Subpage3 .prodCon .nr3 ul{ margin: 30px 0 -20px 0;} #Subpage3 .prodCon .nr3 li{ margin: 20px 0; padding: 20px 170px 20px 30px; background: #f3f3f3; position: relative;} #Subpage3 .prodCon .nr3 li .t1{ font-size: 18px; line-height: 20px; color: #333;} #Subpage3 .prodCon .nr3 li .t2{ margin-top: 15px; font-size: 14px; line-height: 16px; color: #333;} #Subpage3 .prodCon .nr3 li .more{ display: block; padding-left: 40px; font-size: 14px; width: 130px; height: 40px; line-height: 38px; border-radius: 20px; position: absolute; right: 30px; top: 28px; color: #d70103; border: 1px solid #d70103; background: url(/skin/images/2355_prodco3_1.png) no-repeat 76px center;} #Subpage3 .prodCon .nr3 li:hover{ background: #d70103;} #Subpage3 .prodCon .nr3 li:hover .t1{ color: #fff;} #Subpage3 .prodCon .nr3 li:hover .t2{ color: #fff;} #Subpage3 .prodCon .nr3 li:hover .more{ color: #fff; border: 1px solid #fff; background: url(/skin/images/2355_prodco3_1_1.png) no-repeat 76px center;} @media screen and (max-width:1529px){ #Subpage3 .prodCon .w_1300{ width: 100%;} } @media screen and (max-width:1199px){ #Subpage3 .prodCon .right .info{ margin: 15px 0 20px 0;} #Subpage3 .prodCon .tab .l1{ padding: 0 20px;} } @media screen and (max-width:991px){ #Subpage3 .prodCon .mbx{ padding: 10px 0;} #Subpage3 .prodCon .mbx a{ font-size: 12px;} #Subpage3 .prodCon .prodCon1Tab{ width: 100%;} #Subpage3 .prodCon .prodCon1Tab .slick_res1l{ width: 100%;} #Subpage3 .prodCon .prodCon1Tab .home_res12{ margin-top: 10px; width: 100%;} #Subpage3 .prodCon .prodCon1Tab .home_res12 .imgk{ margin: 0 2px;} #Subpage3 .prodCon .right{ width: 100%; margin-top: 15px;} #Subpage3 .prodCon .right .t1{ font-size: 16px; line-height: 16px;} #Subpage3 .prodCon .right .fh{ margin-bottom: 10px; padding-left: 25px; font-size: 14px; background-size: 19px 10px;} #Subpage3 .prodCon .right .info{ font-size: 14px; line-height: 20px; margin: 5px 0 10px 0;} #Subpage3 .prodCon .right .more{ width: 100px; font-size: 14px; height: 30px; line-height: 30px;} #Subpage3 .prodCon .tab{ margin: 15px 0 10px 0;} #Subpage3 .prodCon .tab .l1{ height: 30px; line-height: 30px; padding: 0 10px;} #Subpage3 .prodCon .nr3 ul{ margin: 15px 0 -10px 0;} #Subpage3 .prodCon .nr3 li{ margin: 10px 0; padding: 10px 90px 10px 10px;} #Subpage3 .prodCon .nr3 li .t1{ font-size: 16px; line-height: 18px;} #Subpage3 .prodCon .nr3 li .t2{ margin-top: 5px;} #Subpage3 .prodCon .nr3 li .more{ padding-left: 10px; font-size: 12px; width: 70px; height: 30px; line-height: 28px; border-radius: 15px; right: 10px; top: 15px; background: url(/skin/images/2355_prodco3_1.png) no-repeat 40px center;} #Subpage3 .prodCon .nr3 li:hover .more{ background: url(/skin/images/2355_prodco3_1_1.png) no-repeat 40px center;} } @media screen and (max-width:767px){ } /* 18产品详情-案例 */ #Subpage3 .prodCon { width: 100%; overflow: hidden;} #Subpage3 .prodCon .w_1300{ width: 86.67%; margin: 0 auto;} #Subpage3 .prodCon .mbx{ padding: 30px 0;} #Subpage3 .prodCon .mbx a{ color: #666; font-size: 14px;} #Subpage3 .prodCon .mbx a.on,#Subpage3 .prodCon .mbx a:hover{ color: #d70103;} #Subpage3 .prodCon .over{ width: 100%; overflow: hidden;} #Subpage3 .prodCon .prodCon1Tab{ float: left; width: 58.47%; position: relative;} #Subpage3 .prodCon .prodCon1Tab .home_res11{ float: left; width: 100%;} #Subpage3 .prodCon .prodCon1Tab .slick_res1l{ float: left; width: 80.25%; border: 1px solid #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .home_res12{ float: right; width: 15.8%;} #Subpage3 .prodCon .prodCon1Tab .home_res12 .imgk{ margin-bottom: 11px; border: 1px solid #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .home_res12 .imgk:hover{ border: 1px solid #d70103;} #Subpage3 .prodCon .prodCon1Tab .slick-prev{ height: 25px; position: absolute; bottom: -37px; top: auto; left: 0; width: 50%; background: url(/skin/images/2356_prodcon2.png) no-repeat center; background-color: #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .slick-prev:hover{ background: url(/skin/images/2356_prodcon2_1.png) no-repeat center; background-color: #d70103;} #Subpage3 .prodCon .prodCon1Tab .slick-next{ height: 25px; position: absolute; bottom: -37px; top: auto; right: 0; width: 50%; background: url(/skin/images/2356_prodcon3.png) no-repeat center; background-color: #e5e5e5;} #Subpage3 .prodCon .prodCon1Tab .slick-next:hover{ background: url(/skin/images/2356_prodcon3_1.png) no-repeat center; background-color: #d70103;} #Subpage3 .prodCon .right{ float: right; width: 37.23%;} #Subpage3 .prodCon .right .t1{ float: left; font-size: 24px; line-height: 32px; color: #333333;} #Subpage3 .prodCon .right .fh{ padding-left: 50px; font-size: 16px; color: #999; float: right; background: url(/skin/images/2356_prodcon4.jpg) no-repeat left center; background-size: 37px 20px;} #Subpage3 .prodCon .right .fh:hover{ color: #d70103;} #Subpage3 .prodCon .right .info{ font-size: 16px; line-height: 42px; margin: 30px 0 80px 0; color: #666;} #Subpage3 .prodCon .right .more{ display: block; font-size: 16px; width: 125px; height: 40px; line-height: 40px; text-align: center; background: #d70103; color: #ffffff;} #Subpage3 .prodCon .right .more:hover{ opacity: 0.8;} #Subpage3 .prodCon .tab{ width: 100%; margin: 75px 0 30px 0; overflow: hidden;} #Subpage3 .prodCon .tab .l1{ float: left; height: 58px; line-height: 58px; padding: 0 40px; margin: 2px 0; background: #f0f0f0; margin-right: 1px;} #Subpage3 .prodCon .tab .l1:hover,#Subpage3 .prodCon .tab .l1.on{ background: #d70103;} #Subpage3 .prodCon .tab .l1 a{ color: #333;} #Subpage3 .prodCon .tab .l1:hover a,#Subpage3 .prodCon .tab .l1.on a{ color: #fff;} #Subpage3 .prodCon .nr4 ul{ margin: 30px 0 -30px 0;} #Subpage3 .prodCon .nr4 li{ width: 100%; overflow: hidden; margin: 30px 0; padding: 20px; background: #f4f4f4;} #Subpage3 .prodCon .nr4 li .img{ width: 317px; float: left; line-height: 0;} #Subpage3 .prodCon .nr4 li .text{ padding-left: 350px;} #Subpage3 .prodCon .nr4 li .t1{ font-size: 24px; line-height: 26px; color: #333;} #Subpage3 .prodCon .nr4 li .line{ margin: 30px 0; width: 100%; height: 1px; background: #dbdbdb;} #Subpage3 .prodCon .nr4 li .t2{ font-size: 14px; line-height: 24px; color: #666;} #Subpage3 .prodCon .nr4 li:hover{ background: #d70103;} #Subpage3 .prodCon .nr4 li:hover .t1{ color: #fff;} #Subpage3 .prodCon .nr4 li:hover .line{ background: #fff;} #Subpage3 .prodCon .nr4 li:hover .t2{ color: #fff;} @media screen and (max-width:1529px){ #Subpage3 .prodCon .w_1300{ width: 100%;} } @media screen and (max-width:1199px){ #Subpage3 .prodCon .right .info{ margin: 15px 0 20px 0;} #Subpage3 .prodCon .tab .l1{ padding: 0 20px;} #Subpage3 .prodCon .nr4 li .line{ margin: 15px 0;} } @media screen and (max-width:991px){ #Subpage3 .prodCon .mbx{ padding: 10px 0;} #Subpage3 .prodCon .mbx a{ font-size: 12px;} #Subpage3 .prodCon .prodCon1Tab{ width: 100%;} #Subpage3 .prodCon .prodCon1Tab .slick_res1l{ width: 100%;} #Subpage3 .prodCon .prodCon1Tab .home_res12{ margin-top: 10px; width: 100%;} #Subpage3 .prodCon .prodCon1Tab .home_res12 .imgk{ margin: 0 2px;} #Subpage3 .prodCon .right{ width: 100%; margin-top: 15px;} #Subpage3 .prodCon .right .t1{ font-size: 16px; line-height: 16px;} #Subpage3 .prodCon .right .fh{ margin-bottom: 10px; padding-left: 25px; font-size: 14px; background-size: 19px 10px;} #Subpage3 .prodCon .right .info{ font-size: 14px; line-height: 20px; margin: 5px 0 10px 0;} #Subpage3 .prodCon .right .more{ width: 100px; font-size: 14px; height: 30px; line-height: 30px;} #Subpage3 .prodCon .tab{ margin: 15px 0 10px 0;} #Subpage3 .prodCon .tab .l1{ height: 30px; line-height: 30px; padding: 0 10px;} #Subpage3 .prodCon .nr4 ul{ margin: 10px 0 -10px 0;} #Subpage3 .prodCon .nr4 li{ margin: 10px 0; padding: 10px;} #Subpage3 .prodCon .nr4 li .t1{ font-size: 16px; line-height: 18px;} #Subpage3 .prodCon .nr4 li .line{ margin: 10px 0;} } @media screen and (max-width:767px){ #Subpage3 .prodCon .nr4 li .img{ width: 100%; float: none;} #Subpage3 .prodCon .nr4 li .text{ margin-top: 10px; padding-left: 0;} #Subpage3 .prodCon .nr4 li .line{ margin: 10px 0;} } /* 17产品详情-其他资料 */ #Content16 .prodCon { width: 100%; overflow: hidden;} #Content16 .prodCon .w_1300{ width: 86.67%; margin: 0 auto;} #Content16 .prodCon .mbx{ padding: 30px 0;} #Content16 .prodCon .mbx a{ color: #666; font-size: 14px;} #Content16 .prodCon .mbx a.on,#Content16 .prodCon .mbx a:hover{ color: #d70103;} #Content16 .prodCon .over{ width: 100%; overflow: hidden;} #Content16 .prodCon .prodCon1Tab{ float: left; width: 58.47%; position: relative;} #Content16 .prodCon .prodCon1Tab .home_res11{ float: left; width: 100%;} #Content16 .prodCon .prodCon1Tab .slick_res1l{ float: left; width: 80.25%; border: 1px solid #e5e5e5;} #Content16 .prodCon .prodCon1Tab .home_res12{ float: right; width: 15.8%;} #Content16 .prodCon .prodCon1Tab .home_res12 .imgk{ margin-bottom: 11px; border: 1px solid #e5e5e5;} #Content16 .prodCon .prodCon1Tab .home_res12 .imgk:hover{ border: 1px solid #d70103;} #Content16 .prodCon .prodCon1Tab .slick-prev{ height: 25px; position: absolute; bottom: -37px; top: auto; left: 0; width: 50%; background: url(/skin/images/2357_prodcon2.png) no-repeat center; background-color: #e5e5e5;} #Content16 .prodCon .prodCon1Tab .slick-prev:hover{ background: url(/skin/images/2357_prodcon2_1.png) no-repeat center; background-color: #d70103;} #Content16 .prodCon .prodCon1Tab .slick-next{ height: 25px; position: absolute; bottom: -37px; top: auto; right: 0; width: 50%; background: url(/skin/images/2357_prodcon3.png) no-repeat center; background-color: #e5e5e5;} #Content16 .prodCon .prodCon1Tab .slick-next:hover{ background: url(/skin/images/2357_prodcon3_1.png) no-repeat center; background-color: #d70103;} #Content16 .prodCon .right{ float: right; width: 37.23%;} #Content16 .prodCon .right .t1{ float: left; font-size: 24px; line-height: 32px; color: #333333;} #Content16 .prodCon .right .fh{ padding-left: 50px; font-size: 16px; color: #999; float: right; background: url(/skin/images/2357_prodcon4.jpg) no-repeat left center; background-size: 37px 20px;} #Content16 .prodCon .right .fh:hover{ color: #d70103;} #Content16 .prodCon .right .info{ font-size: 16px; line-height: 42px; margin: 30px 0 80px 0; color: #666;} #Content16 .prodCon .right .more{ display: block; font-size: 16px; width: 125px; height: 40px; line-height: 40px; text-align: center; background: #d70103; color: #ffffff;} #Content16 .prodCon .right .more:hover{ opacity: 0.8;} #Content16 .prodCon .tab{ width: 100%; margin: 75px 0 30px 0; overflow: hidden;} #Content16 .prodCon .tab .l1{ float: left; height: 58px; line-height: 58px; padding: 0 40px; margin: 2px 0; background: #f0f0f0; margin-right: 1px;} #Content16 .prodCon .tab .l1:hover,#Content16 .prodCon .tab .l1.on{ background: #d70103;} #Content16 .prodCon .tab .l1 a{ color: #333;} #Content16 .prodCon .tab .l1:hover a,#Content16 .prodCon .tab .l1.on a{ color: #fff;} #Content16 .prodCon .nr3 ul{ margin: 30px 0 -20px 0;} #Content16 .prodCon .nr3 li{ margin: 20px 0; padding: 20px 170px 20px 30px; background: #f3f3f3; position: relative;} #Content16 .prodCon .nr3 li .t1{ font-size: 18px; line-height: 20px; color: #333;} #Content16 .prodCon .nr3 li .t2{ margin-top: 15px; font-size: 14px; line-height: 16px; color: #333;} #Content16 .prodCon .nr3 li .more{ display: block; padding-left: 40px; font-size: 14px; width: 130px; height: 40px; line-height: 38px; border-radius: 20px; position: absolute; right: 30px; top: 28px; color: #d70103; border: 1px solid #d70103; background: url(/skin/images/2357_prodco3_1.png) no-repeat 76px center;} #Content16 .prodCon .nr3 li:hover{ background: #d70103;} #Content16 .prodCon .nr3 li:hover .t1{ color: #fff;} #Content16 .prodCon .nr3 li:hover .t2{ color: #fff;} #Content16 .prodCon .nr3 li:hover .more{ color: #fff; border: 1px solid #fff; background: url(/skin/images/2357_prodco3_1_1.png) no-repeat 76px center;} /* 9登录 */ #Content16 .sign{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999;} #Content16 .sign .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.8);} #Content16 .sign2{ width: 480px; padding: 64px 60px 40px 60px; border-radius: 15px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -240px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Content16 .sign2 .title{ text-align: center;} #Content16 .sign2 .title .t1{ width: 136px; line-height: 0; margin: 0 auto;} #Content16 .sign2 .title .t2{ font-size: 36px; line-height: 38px; margin: -60px 0 38px 0; color: #333; font-family: 'SourceHanSansCN-Bold'; font-weight: bold;} #Content16 .sign2 .lab{ margin-bottom: 20px; border: 1px solid #e2e2e2;} #Content16 .sign2 .name{ float: left; width: 52px; height: 52px; border-right: 1px solid #e2e2e2; line-height: 0;} #Content16 .sign2 .name img{ display: block; width: 22px; height: 22px; margin: 15px auto;} #Content16 .sign2 .fv{ font-size: 16px; padding-left: 53px; line-height: 22px; padding: 15px 20px; color: #666;} #Content16 .sign2 .lab1{ width: 100%;} #Content16 .sign2 .fv1{ width: 100%; height: 54px; line-height: 54px; font-size: 18px; text-align: center; color: #fff; background: #d70103;} #Content16 .sign2 .fv1:hover{ opacity: 0.8;} @media screen and (max-width:1529px){ #Content16 .prodCon .w_1300{ width: 100%;} } @media screen and (max-width:1199px){ #Content16 .prodCon .right .info{ margin: 15px 0 20px 0;} #Content16 .prodCon .tab .l1{ padding: 0 20px;} } @media screen and (max-width:991px){ #Content16 .prodCon .mbx{ padding: 10px 0;} #Content16 .prodCon .mbx a{ font-size: 12px;} #Content16 .prodCon .prodCon1Tab{ width: 100%;} #Content16 .prodCon .prodCon1Tab .slick_res1l{ width: 100%;} #Content16 .prodCon .prodCon1Tab .home_res12{ margin-top: 10px; width: 100%;} #Content16 .prodCon .prodCon1Tab .home_res12 .imgk{ margin: 0 2px;} #Content16 .prodCon .right{ width: 100%; margin-top: 15px;} #Content16 .prodCon .right .t1{ font-size: 16px; line-height: 16px;} #Content16 .prodCon .right .fh{ margin-bottom: 10px; padding-left: 25px; font-size: 14px; background-size: 19px 10px;} #Content16 .prodCon .right .info{ font-size: 14px; line-height: 20px; margin: 5px 0 10px 0;} #Content16 .prodCon .right .more{ width: 100px; font-size: 14px; height: 30px; line-height: 30px;} #Content16 .prodCon .tab{ margin: 15px 0 10px 0;} #Content16 .prodCon .tab .l1{ height: 30px; line-height: 30px; padding: 0 10px;} #Content16 .prodCon .nr3 ul{ margin: 15px 0 -10px 0;} #Content16 .prodCon .nr3 li{ margin: 10px 0; padding: 10px 90px 10px 10px;} #Content16 .prodCon .nr3 li .t1{ font-size: 16px; line-height: 18px;} #Content16 .prodCon .nr3 li .t2{ margin-top: 5px;} #Content16 .prodCon .nr3 li .more{ padding-left: 10px; font-size: 12px; width: 70px; height: 30px; line-height: 28px; border-radius: 15px; right: 10px; top: 15px; background: url(/skin/images/2357_prodco3_1.png) no-repeat 40px center;} #Content16 .prodCon .nr3 li:hover .more{ background: url(/skin/images/2357_prodco3_1_1.png) no-repeat 40px center;} #Content16 .sign2{ padding: 44px 40px 30px 40px;} #Content16 .sign2 .title .t1{ width: 100px;} #Content16 .sign2 .title .t2{ font-size: 18px; line-height: 20px; margin: -38px 0 30px 0;} } @media screen and (max-width:767px){ #Content16 .sign2{ width: 280px; margin-left: -140px; padding: 25px 15px 15px 15px;} #Content16 .sign2 .title .t1{ width: 80px;} #Content16 .sign2 .title .t2{ margin: -32px 0 15px 0;} #Content16 .sign2 .lab{ margin-bottom: 10px;} #Content16 .sign2 .name{ width: 30px; height: 30px;} #Content16 .sign2 .name img{ width: 18px; height: 18px; margin: 6px auto;} #Content16 .sign2 .fv{ font-size: 12px; padding-left: 31px; line-height: 8px; padding: 6px 10px;} #Content16 .sign2 .fv1{ font-size: 14px; height: 26px; line-height: 26px;} } /* 单页 */ #Content17{ width: 100%; float: left;} #Content17 .info{ font-size: 16px; line-height: 30px;} @media screen and (max-width:1529px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content17 .info{ font-size: 14px; line-height: 24px;} } @media screen and (max-width:767px){ } /* 20200602修改开始 */ #Top .menu .nli .sub{ top: 114px;} #Top .menu .nli .sub1{ /*height: 200px;*/ position: absolute; background: rgba( 255, 255, 255, 0.84);} #Top .menu .nli .sub .l1 a{ background: none;} #Top .menu .nli .sub .l1 .u2{ display: none; width: 155px; border-left: 1px solid #fff; position: absolute; left: 100%; top: 0;} #Top .menu .nli .sub .l1:hover .u2{ display: block;} #Top .menu .nli .sub .l1 .u2 .l2 a{ font-size: 14px; display: block; line-height: 18px; padding: 11px 0; background: rgba( 255, 255, 255, 0.84);} #Top .menu .nli .sub .l1 .u2 .l2 a:hover{ color: #d70103;} @media screen and (max-width:1199px){ #Top .menu .nli .sub{ top: 57px;} } @media screen and (max-width:991px){ #Top .xialaph h5 a{ width: auto;} } #prodList{ padding: 85px 0; margin-top: 114px; width: 100%; float: left; background: url(/skin/images/xz_img1.jpg) center;} #prodList .wid{ width: 86%; margin: 0 auto;} #prodList .l1{ padding: 25px; border: 6px solid #f5f5f5; border-right: none; width: 50%; float: left;} #prodList .l1:nth-child(2){ border: 6px solid #cccccc; border-left: none;} #prodList .l1 .tit{ padding-left: 15px; position: relative;} #prodList .l1 .tit::before{ content: ""; display: block; width: 4px; height: 100%; position: absolute; left: 0; top: 2px; background: #26e324;} #prodList .l1 .tit .t1{ font-size: 18px; line-height: 20px; color: #333;} #prodList .l1 .tit .t2{ margin-top: 5px; font-size: 16px; line-height: 18px; color: #333;} #prodList .l1 .img{ margin: 25px 0; line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #prodList .l1 .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #prodList .l1 .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #prodList .l1 .wz{ font-size: 14px; line-height: 16px; font-weight: lighter; text-align: center; color: #fff;} #prodList .l1 .wz a{color: #fff;} #prodList .l1 .wz:hover{ color: #d70103;} #prodList .l1 .wz:hover a{ color: #d70103;} #prodList .l1:nth-child(2) .wz{ color: #b2b2b2;} #prodList .l1:nth-child(2) .wz a{ color: #b2b2b2;} #prodList .l1:nth-child(2) .wz:hover{ color: #d70103;} #prodList .l1:nth-child(2) .wz:hover a{ color: #d70103;} @media screen and (max-width:1529px){ #prodList .wid{ width: 90%;} } @media screen and (max-width:1199px){ #prodList{ margin-top: 57px;} } @media screen and (max-width:991px){ #prodList{ padding: 25px 0; margin-top: 46px;} #prodList .l1{ padding: 10px;} #prodList .l1 .tit{ padding-left: 10px;} #prodList .l1 .tit::before{ width: 2px;} #prodList .l1 .tit .t1{ font-size: 16px; line-height: 18px;} #prodList .l1 .tit .t2{ font-size: 14px; line-height: 16px;} #prodList .l1 .img{ margin: 10px 0;} } @media screen and (max-width:767px){ #prodList{ background: url(_im_g/xz_img1_1.jpg) center;} #prodList .l1{ width: 100%; border: 6px solid #f5f5f5; border-bottom: none;} #prodList .l1:nth-child(2){ border: 6px solid #cccccc; border-top: none;} #prodList .l1 .tit .t2{ font-size: 12px; line-height: 14px;} #prodList .l1 .wz{ font-size: 12px; line-height: 14px;} } /* 20200602修改结束 */ /*地图*/ .mapBox .container1 { width: 100%; height: 390px; } .mapBox .container1 #map { width: 100%; height: 100%; } .mapBox .container1 #map .map-title { font-size: 14px; font-weight: bold; color: #014b94; } .mapBox .container1 #map .map-content { font-size: 12px; color: #333; margin-top: 6px; } .mapBox .container1 #map .anchorBL{ display:none; }